DEPO | Пишем "альфу" игры TwoCars - процедурная генерация

"TwoCars" - мобильная игра, геймплей которой состоит из управления двумя автомобилями одновременно - необходимо объезжать препятствия и собирать монетки. Оригинальная "2Cars" была создана студией "KetchApp", которая стабильно выдаёт хиты в области мобильного гейминга, например, именно они создали "Stack", самую популярную версию "2048" и конечно же "Stick Hero" - именно на эту студию я и стал ровняться, создавая DEPO.

Однако "2Cars" - не самая их популярная игра, но одна из самых интересных с точки зрения разработки. Чем интересна? - Буквально всем, и сегодня я расскажу, как я реализовал основную механику игры с помощью процедурной генерации (это не ААА проект, поэтому её уровень будет пропорционален масштабу игры). Чтобы было понятно, что есть что - вот рабочий скрин прототипа:

Чтобы объехать препятствие необходимо перестроиться на соседнюю полосу, нажав на, соответсвенно, левую или правую часть экрана. Варианта реализации перемещения было два: (1) создав две невидимые кнопки, после нажатия на которые движение бы и происходило. У данного метода есть один большой минус - при игре на iPad кнопки нужно было бы дополнительно увеличивать, возможно с помощью закрепления их с помощью "Constraints" (ограничений), но этим инструментом я пока не владею. (2) Вторым методом, которым я в итоге и воспользовался, было разделение экрана на две игровые области, то есть, мы берем ширину экрана и делим её на 2 - ближняя к нулю координат половина отвечает за перемещение левой машинки, а дальняя - правой.

Если вы понимаете в программировании, то заметили, что нажатие на часть экрана позволяет машинке двинуться или не позволяет (в зависимости от true или false соответсвенно). Да, это так. Более того, машинка передвигается между двумя заранее известными точками - по игре это левая и правая полоса дороги, которые описаны в коде как "длина экрана устройства, поделенная на 4 части". В общем-то всё, машинки двигаются вправо-влево, но необходимо имитировать движение прямо и создать препятствия, в этом то и поможет процедурная генерация.

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

Прикол в том, что этот же метод подходит и для генерации препятствий, с одним лишь отличием в позиции препятствий и в их скорости: если камень и куст должны двигаться вниз со скоростью разметки, то вот машины должны двигаться чуть медленнее, ведь они в потоке, а не стоят на месте. Но ничего страшного, копируем метод и вставляем его к другим объектам изменяя переменную "speedTraffic" на необходимое значение.

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

Не знаю, как с этой проблемой справились в студии KetchApp, но мы решили решить эту проблему с помощью обыкновенного таймера, то есть в рандомное время, например от секунды до двух секунд, на экране должно появиться новое препятствие в одном (или двух) из четырёх мест. Какой объект должен появиться, также выбирается рандомно - у нас всего 4 уникальных препятствия, поэтому надо выбрать число от 1...4. В нашем случае 1...8 только потому, что сначала планировалось 8 объектов, но дорисовать решили позже

Итак, машинки двигаются, двигается разметка и двигаются препятствия, но они пока что не визитные, то есть картинка может наплывать на картинку и ничего за это не будет. В следующем посте я расскажу про физику игры и покажу, как всё работает

#Длиннопост #Лонгрид #МобильнаяИгра #Разработка #Инди #Depo #development #альфа #механи #процедурная #генерация