Всем привет, в прошлых статьях я рассказывал о том как и с чего написал делать игры, статьи читают, я эту несказанно рад )
Сегодня я расскажу о об одной из первых игр на Phaser.js, статья будет по больше части техническая, но и людям не знаком с программированием будет интересно, поехали!
Toprunner: Phaser 2
Я всегда очень хотел делать игры, но там сложилось что я работаю программистом в области Web-разработки и в основном это конечно сайты php/javascript.
В один момент я увидел вакансию на сайте hh, о том что они ищут разработчика игр, на язык JavaScript со знаниями Phaser.js.
Разумеется я тогда ещё не знал что это такое и решил попробовать и первой игрой я решил сделать простую гонку, с видом сверху.
Графику я взял на бесплатном ресурсе opengameart.org, там же можно посмотреть и звуки и много всего для ваших демок или полноценных игры)
Реализация:
Немного расскажу про саму идею:
1. Машинка неподвижна по Y, но может двигаться вправо и влево, по оси X.
2. Регенерация случайных препятствий, в данном случае это автомобили, которые имеют случайные модели, положение по X и угол поворота.
3. Управление кнопками на клавиатуре (A,S) и управления кнопками на экране, для мобилок.
4. Увеличение скорости по мере разгона
5. Счёт и личные рекорды.
И это всё удалось реализовать!
Код:
В phaser.js, v2 всё довольно просто
В папку img скидываем картиночки
В самом index.html, ничего и нет, подключаем jquery, сам phaser, и в body создаём div, в id "game".
В стандартной функции подключаем наши картинки и даём им имена, например "truck1" и т.п.
В кнопках управление самим спрайтом главного героя (нашей машинки), где scale это размер, anchor это точка отсчёта (например 0.5, 0.5 это середина спрайта) и angle - угол поворота
Ну и в стандартной функции update делаем проверку на нажатие и уже меняем координаты игрока.
Ничего особо сложного здесь нет, но в эту игру можно играть бесконечно и накручивать новые фишки, например бонусы или онлайн игра с другом.
Кстати, вот ссылка на саму игру - https://amazing-projects.ru/games/toprunner/
Как я и говорил, статья получилась по большей части технической, но без лишних сложностей.
Спасибо что дочитали, игр у меня ещё в запасе много, к тому же есть те, которыми я занимаюсь прямо сейчас. Так же скоро расскажу о своих первых сайтах и проектах вне геймдева. Подписывайтесь!
Хотелось бы попросить вас написать, что конкретно вы хотели бы читать, больше и подробнее разбирать реализацию или картинки, идею и результат ?)