Создание 2д игр - быстрый старт | Phaser.js

В этом уроке научимся создавать 2д игры с помощью игрового движка Phaser.js.
Научимся работать с физикий, анимацией, спрайтами, обрабатывать столкновения игровых обьектов между собой, а также события связанные с нажатием клавиш.
В результате получится небольшая игра где можно бегать, прыгать по платформам, собирать звездочки, будет отображаться счет, а после столкновения с бомбой персонаж будет погибать.
Движок Phaser.js можно использовать как для разработки компьютерных или мобильных игр, так и игр для социальных сетей (из коробки доступна интеграция с Facebook).
0:40 - Создание сцены
1:57 - Загрузка ассетов
2:32 - Добавление обьектов на сцену
4:03 - Подключение физики
5:16 - Создание анимации
6:45 - Управление персонажем
8:20 - Добавление звездочек
10:00 - Счет
10:46 - Gameover
Ссылка на папку assets:
github.com/ateros-lab/phaser-...
Код игры:
github.com/ateros-lab/phaser-...
Поиграть в игру, можно здесь:
ateros-lab.github.io/phaser-s...
#созданиеигр #2дигра #javascript #gamedev #уроки #создатьигруснуля #каксоздатьигру
#сделатьсвоюигру #каксоздатьсвоюигру #урокиjs #javascriptснуля #javascriptобучение

[@ed6i991]

🎉🎉🎉

[@mrs2z914]

Очень информативно! Молодец! Действительно, HTML5 дает хорошую площадку, как для юзера, так и для разработчика. Материал 100% годный))) Может будет в будущем урок про мультиплеер в реалтайме? На каком-нибудь простом примере, типа 8 bit танки, как в детстве.

[@AterosDev]

Спасибо большое 🙏🙏🙏 Надо будет что-то придумать 😉

[@user-ub5oo5ce8q]

Круто🔥🔥🔥🔥

[@AterosDev]

Спасибо) 🔥🙏🙏

[@TeraKub]

Отличный урок! А как сделать рестарт сцены после проигрыша?

[@AterosDev]

Спасибо большое 🙏
Самый простой способ - перезагрузить страницу window.location.reload().