Меню для игры за месяц. Реально?

Added by , published
Мы с напарником создаём новое меню для необычной игры
Вы можете добавить игру в Wishlist, чтобы следить за её развитием дальше
Итак, реально ли создать новый интерфейс для этой игры за календарный месяц? Конечно, реально, дальше статью можно не читать ʕ •ᴥ•ʔ

Но мы пошли своим путём

Наша команда это INTJ (аналитик) + INFP (идеалист), поэтому каждый аспект игры мы прорабатываем достаточно тщательно
21 ноября
Сначала я сделал макет нового интерфейса
  1. Сначала при запуске игры название студии
  2. Затем выбор языка (только при первом запуске игры)
  3. Потом стартовый экран с названием игры Halver
  4. Далее главное меню из пяти элементов
  5. Из главного меню можно попасть в список уровней кампании
  6. Ещё можно попасть в редактор уровней, настройки и about
  7. Во время игры есть пауза
  8. В разных частях интерфейса может всплывать модальное окно
25 ноября
Я изучал статьи про дизайн игровых интерфейсов, разбирался с теорией, чтобы проверить сделанный макет на прочность
Ознакомился с концепцией диегистичности. Игровые элементы можно разбить на четыре категории:
  • Не-диегетические — не принадлежат игровому нарративу и не принадлежат игровому пространству
  • Диегетические — принадлежат и игровому нарративу, и принадлежат игровому пространству
  • Семидиегетические — не принадлежат игровому нарративу, но принадлежат игровому пространству
  • Метадиегетические — принадлежат игровому нарративу, но не принадлежат игровому пространству
28 ноября
Сделали макет главного меню
По оценке реакции в соцсетях созданный стиль достаточно понравился людям, значит мы можем продолжать делать другие элементы в том же дизайне
Наши гайдлайны:
  • Фон у нас «скучный», поэтому кнопки у нас «мясистые»
  • Базовое состояние кнопки с голубым контуром
  • Выделенная кнопка имеет золотую окантовку
  • При нажатии на кнопку она заполняется золотом
  • Бестелесная кнопка предназначена для контролов (чекбокс и пр.)
  • Чёрная кнопка для заблокированных элементов
30 ноября
Сделали макет меню выбора уровней
Уровни расположены в два ряда в виде карточек со скриншотом, номером и названием уровня. Карточка будет золотой, если уровень пройден на три звезды. Отдельно внизу лучшее время прохождение, чтобы привлечь внимание для спидраннеров
5 декабря
Проработали варианты меню паузы
Выбрали первый
8 декабря
Реализовали модальное окно
Пытались сделать вариант без тайтла, но выяснили, что возможно только, если делать кнопки в виде иконок, что нам не подойдёт
11 декабря
Начали работу над меню настроек
Прорабатывали разные иконки. Три кубика смотрятся слишком мелко
15 декабря
Накидали основные контролы
Сравнивали способы демонстрации выбранной вкладки. Выбрали вариант с треугольничком
18 декабря
Доделали макет меню настроек. Таким образом основные вещи мы проработали в фотошопе. Теперь предстоит реализовывать это уже в Unity

Реально ли за месяц?

Помимо игры мы работаем и живём полноценной жизнью🧑🏼‍💻🛀🏼🛌🏻
За месяц нам удалось изучить теорию, создать общий концепт и гайдлайн. Проработать это всё в графическом редакторе. Реализация займёт ещё какое-то время
А как вы делаете интерфейсы? Цените ли их качество в играх?

Ссылки

Группа по игре Вконтакте
Страница Halver в Steam

Views: 262

ofeerist #1 - 4 weeks ago (изм. ) 2
Голосов: 2
Я за календарный месяц, обычно, полностью новую игру делаю 🐍
Забавно, я как-то видел пост на реддите, в начале декабря где-то, даже не искал, первым просто пошел в ленте после окончания какого-то ресурса.
Мне, конечно, не понять какого это, создавать интерфейс вообще с нуля, в фотошопике там рисовать эти фоны, кнопочки, свитчи, слайдеры.
Я просто готовые картинки ворую или делаю все белым текстом, ну и я не делаю игры уровня стим.
Еще важно хорошие анимации сделать для ui, тогда он приобритет совсем другой вид
ScorpioT1000 #2 - 4 weeks ago (изм. ) 0
Голосов: 0
Там можно юзать html в менюшках?) я бы взял готовые стили
Вообще я бы не особо полагался на какие-то оценочные категории. My life my rules!
Вышло, в любом случае, неплохо, хоть и ничего сверх особенного
GoloGames #3 - 4 weeks ago 0
Голосов: 0
Там можно юзать html в менюшках?) я бы взял готовые стили
Вообще я бы не особо полагался на какие-то оценочные категории. My life my rules!
Вышло, в любом случае, неплохо, хоть и ничего сверх особенного
В HTML нельзя напрямую, это же PSD картинки. Есть, конечно сервисы, которые формируют CSS на основе фотошоповских файлов, но я не до конца точно знаю как они работают
ScorpioT1000 #4 - 4 weeks ago 0
Голосов: 0
Ну, я бы делал изначально меню на html+css и фотошоп не нужен)
GoloGames #5 - 4 weeks ago 0
Голосов: 0
Я за календарный месяц, обычно, полностью новую игру делаю 🐍
Забавно, я как-то видел пост на реддите, в начале декабря где-то, даже не искал, первым просто пошел в ленте после окончания какого-то ресурса.
Мне, конечно, не понять какого это, создавать интерфейс вообще с нуля, в фотошопике там рисовать эти фоны, кнопочки, свитчи, слайдеры.
Я просто готовые картинки ворую или делаю все белым текстом, ну и я не делаю игры уровня стим.
Еще важно хорошие анимации сделать для ui, тогда он приобритет совсем другой вид
Анимациями займёмся, когда будем переносить всё это в Unity, наверное будем заполнять кнопки золотым градиентом при нажатии

Ну, я бы делал изначально меню на html+css и фотошоп не нужен)
Так мы игру делаем в Unity. Зачем нам CSS? Эти картинки из фотошопа мы немного обработаем и загрузим в Unity
ScorpioT1000 #6 - 4 weeks ago 0
Голосов: 0
Потому что html - самый лучший в мире инструмент для создания ui
Судя по всему, есть 3d webview, интересная тема
N1ghtSiren #7 - 4 weeks ago 0
Голосов: 0
Да
prog #8 - 4 weeks ago 0
Голосов: 0
Потому что html - самый лучший в мире инструмент для создания ui
Для тех кто тащит веб-стек в стендэлон игры - в аду отдельный котел...
ScorpioT1000 #9 - 4 weeks ago 0
Голосов: 0
Добро пожаловать в 21 век)