Друзья, добро пожаловать в захватывающий мир разработки игр! Возьмите вкусняшки, присаживайтесь удобнее и приготовьтесь к захватывающему погружению в процесс создания игровой вселенной с нуля. Сегодня я раскрою вам испытания, с которыми я столкнулся, работая над игрой для Яндекс.Игр.
Ищем идею
В начале я задумался о создании чего-то сложного для моих навыков, чтобы вызвать себя на испытание. Меня привлекала идея игры с множеством постоянно обновляемых объектов. При этом в школьное время я много играл в разные кликеры и тут решение пришло само по себе. Надо сделать кликер, осталось только решить с тематикой. Так как я недавно начал интересоваться криптой, то решил сделать тематику биткоин кликера и назвать игру Idle bitcoin.
Прорабатываем концепт игры
Теперь нужно было определить, как лучше расположить игровые элементы и выбрать основные цвета. Чтобы определиться с цветами, я вдохновлялся различными местами, такими как мои любимые интегрированные среды разработки и дизайны административных панелей, которые мне известны.
По сидел, по думал и решил, что остановлюсь на базе админки, все-таки тема проекта "серьезная" - майнинг. После этого я решил, что нужно накидать, как будут располагаться разные элементы игры, за основу взял один из самых популярных кликеров - "hero clicker".
Эх, когда-то я напишу свой кликер с такими же механиками, чтобы можно было экипировать своего персонажа и проходить разные данжы, ну да не суть. Основной концепт для UX был такой:
- сверху вся информация по балансам;
- в центре кликер;
- в центре по краям кнопки для модальных окон;
- внизу разные листы (способности, герои и прочее) с табами.
По игравшись с разными комбинациями (на самом деле на это ушло около месяца, если не больше, увы я не дизайнер) получился вот такой дизайн экрана:
Да, да, знаю, не предел мечтаний, но я старался. В итоге я пришел к выводу, что в игре будет 3 таба:
- майнинг девайсы;
- способности;
- достижения.
Надо решить, сколько будут стоить разные улучшения, тут чисто методом проб и ошибок сидел и подбирал коэффициенты для каждой последующей покупки, а также базовые цены для девайсов и прочего. Сидел, играл (в прототип игры) и поправлял, естественно предварительно подсмотрев их в других играх.
Теперь осталось только разобраться с контентом игры, изображения и текстами. Для этого на помощь ко мне пришел искусственный интелект. Я пришел в чат и сказал ему, что теперь это мой продукт менеджер. В итоге получился типичный продукт из небольшой веб-студии, пол ставки он и дизайнер и редактор и менеджер. Погрузил его в контекст задачи и получилось собрать что-то похожее на список девайсов для майнинга, которые пойдут в игру:
Но еще я очень сильно хотел, чтобы каждая сущность в игре имела какое-то забавное описание, которое бы хоть немного поддерживала интерес к игре у юных геймеров. Для этого я попросил искусственный интеллект мне помочь и тут он справился со своей задачей:
Даже есть подтверждающий это отзыв:
И вот все описания есть и они прижились в реальной игре. Далее надо было сделать еще и картинки. Тут было сильно сложнее из-за ограниченного числа попыток на создание в месяц, долгие попытки создания разных иконок, а потом еще и их вырезание. Вот примеры моих первых попыток генерации:
А потом я немного научился задавать правильные параметры и картинки стали приятнее и имели шансы попасть в игру:
С концептом закончили :)
Написание кода
Тут не буду погружаться во все тонкости написания проекта. Стек взял просто тот, который хотел потренировать:
- react (для отрисовки UI)
- redux (для хранения состояния игры)
- @reduxjs/toolkit (для избавления ото всей рутины со стором)
- bignumber.js (для работы с большими числами, которые всегда есть в кликерах)
- typescript (для типизации проекта)
В результате мой монстр выглядел примерно так:
Куча фичей и компонентов, если кому-то будет интересно, пишите в комментариях, могу по разбирать какие-то куски, за которые мне будет не стыдно :)
Выкладываем игру
Для того, чтобы выложить игру нужно завести аккаунт разработчика на Яндекс играх и завести там игру:
Из необычного нужно рассказать, как играть в вашу игру :) Также нужно учесть, что лучше, чтобы промо материалы были анимированными, поэтому делаем простое видео с геймплеем:
Вот и все, теперь игра доступна на Яндекс.Играх и вы можете ее опробовать по ссылке, если статья наберет какую-то активность, то обязательно сделаю статью на тему метрик, того, сколько игра принесла денег и стоит ли тратить деньги на ее рекламу, так что если статья заинтересовала или хотелось бы узнать о чем-то еще более подробно - пишите, с радостью отвечу.