Итак, вы хотите создавать кроссплатформенные игры для разных устройств, которые изначально работают в браузере. Мы вас прикрыли. Посмотрите мою последнюю серию скринкастов, в которых мы углубляемся в Phaser. Phaser - это JavaScript-фреймворк на основе HTML5, который позволяет создавать 2D-игры в браузере.
Часть первая: создание кроссплатформенных игр
В этой первой части мы рассмотрим настройку приложения Phaser, загрузку ресурсов, обработку карт спрайтов и основной поток программы.
Часть 2: Анимация, взаимодействие и игровой цикл
Во второй части мы подробно расскажем о том, как сделать игру интерактивной, обработать ввод от пользователя и анимировать спрайт. Мы сосредоточены в основном на игровом цикле и некоторых основах включения аркадной физики в вашу игру.
Часть 3 Обнаружение столкновений и ввод данных пользователем
Узнайте, как добавить пользовательский ввод и обнаружение столкновений в свои игры Phaser JavaScript.
Часть 4 Работа с группами спрайтов с помощью заводских функций
Для обработки большого количества спрайтов в игре важно, чтобы ими можно было управлять в рамках единой структуры данных. Из этого скринкаста вы узнаете, как создавать группы спрайтов, используя фабричные функции и групповую функцию Phaser.
Часть 5: Тайловые карты и слои
Мы использовали Tiled для создания тайловой карты, используя лист спрайтов, чтобы добавить в нашу игру и добавить обнаружение столкновений для отдельных тайлов.
Часть 6: Искусственный интеллект
Для обработки большого количества спрайтов в игре важно, чтобы ими можно было управлять в рамках единой структуры данных. Из этого скринкаста вы узнаете, как создавать группы спрайтов, используя фабричные функции и групповую функцию Phaser.
Часть 7: Звуки
Что за игра без звуков и музыки. Узнайте, как загружать ресурсы в игру Phaser и связывать их с событиями и действиями.
Еще не все
У нас есть планы на еще несколько скринкастов из этой серии, поэтому проверяйте почаще, проверяйте исходный код, библиотеку и ресурсы для игры.
Репозиторий GitHub
https://github.com/ignoreintuition/PhaserTutorial
Графика лабораторных спрайтов ORYX DESIGN
http://oryxdesignlab.com/
На платформе Phaser HTML5 Game Framework
https://phaser.io/
Следуйте за мной в Twitter @IgnoreIntuition