snek icon indicating copy to clipboard operation
snek copied to clipboard

Доработать дизайн редактора правил

Open noff opened this issue 7 years ago • 16 comments

  1. По-умолчанию для новой змеи должен быть всего один блок правил (паттерн). Остальные - пустые заглушки, которые можно включить. Как в исходной игре.
  2. К паттерну добавить элементы контроля: удалить паттерн (последний удалить нельзя), очистить паттерн.
  3. Паттерны можно сортировать.
  4. Нельзя создать больше 9 паттернов.

noff avatar Jun 02 '18 11:06 noff

snake rules

Собрал элементы управления справа в блоке, который должен перемещаться с экраном чтобы когда будет 9 паттернов не нужно было проматывать вверх. Нажимаем на плюсик - появляется новый паттерн. Наводим на шапку паттерна - курсор превращается в крестик со стрелками чтобы было понятно что можно перетащить. Нажимаем на три точки в шапке паттерна - выпадает меню с пункати "очистить", "удалить". Табы заменил на риобаттоны, так думаю больше логики для данного элемента.

Ziilexia avatar Jun 13 '18 15:06 Ziilexia

В итоге, когда у тебя будет 9 паттернов, они будут в 5 рядов.

noff avatar Jun 14 '18 03:06 noff

Можно конечно оставить элементы управления сверху как сейчас, но думаю так не удобно будет пользоваться...

Ziilexia avatar Jun 14 '18 10:06 Ziilexia

Саша, ну вот как будет выглядеть твой экран с 9 блоками? Нарисуй и покажи.

noff avatar Jun 14 '18 10:06 noff

примерно так Спарва меню будет перемещаться только вот в конце пустое место без еще одной карточки мне не очень нравится, но если делать три в ряд - в самом начале будет дырка snake rules

Ziilexia avatar Jun 14 '18 12:06 Ziilexia

А как мне перетащить самый нижний паттерн на вторую позицию, если высота экрана у меня 1000px?

noff avatar Jun 14 '18 12:06 noff

так же как и в zeplin или invision например (прокручивается экран при перетаскивании или же кидаешь выше и потом еще выше)

Ziilexia avatar Jun 14 '18 12:06 Ziilexia

тут уже писали про перетаскивание?

Выбрал квадратик с правилами, все остальные куда-то пропали, над ним появились варианты значений ячеек, которые перетаскиваешь в нужное место. Но перетаскивание - не единственный вариант. Можно кликнуть на пустой ячейке и выпадет список её возможных значений.

MichaelMonashev avatar Jun 14 '18 12:06 MichaelMonashev

Хотелось бы узнать сразу, в каких вариантах будет применяться паттерн. Для этого можно сделать отдельный пункт меню Preview в каждом паттерне в меню где троеточие, нажав на который можно увидеть все варианты (повёрнутые, отражённые по горизонтали в том числе). Сейчас непонятно, как именно будет применяться паттерн (для новичков я вообще молчу).

zerotool avatar Jun 14 '18 14:06 zerotool

Примерно так: screen-shot-2018-06-14-at-15 46 13

zerotool avatar Jun 14 '18 14:06 zerotool

Можно конечно оставить элементы управления сверху как сейчас, но думаю так не удобно будет пользоваться...

Почему неудобно? Можно их сверху прикрепить, чтобы при скролинге оставались на месте panel

stenenkov avatar Jun 14 '18 15:06 stenenkov

Давайте сразу учитывать мобильную версию. У нас 63% постоянных юзеров приходят на смартфонах. Правда, это в основном просмотры боев. Один на планшете редактировал правила змеи. Но все же.

noff avatar Jun 14 '18 16:06 noff

Почему неудобно? Можно их сверху прикрепить, чтобы при скролинге оставались на месте

Можно и так:) Но в мобильной версии все равно придется к меню как в моей версии перейти

Ziilexia avatar Jun 14 '18 16:06 Ziilexia

Ну дальше уже дело техники. Logic и Tools могут трансформироваться в дропдауны

mobile

stenenkov avatar Jun 14 '18 18:06 stenenkov

:))) вот точно такая же идея была) (честно) Сейчас другими задачами занят и думаю «попозже закину», а тут уже готово) Спасибо)

Ziilexia avatar Jun 15 '18 11:06 Ziilexia

Только вот еще мысль у меня - разнести кнопки отмены и сохранения (крестик в самое лево поставить) есть сомнения о их соседстве)

Ziilexia avatar Jun 15 '18 11:06 Ziilexia