Создание 2д игр - быстрый старт | Phaser.js
HTML-код
- Опубликовано: 6 сен 2024
- В этом уроке научимся создавать 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/ate...
Код игры:
github.com/ate...
Поиграть в игру, можно здесь:
ateros-lab.git...
#созданиеигр #2дигра #javascript #gamedev #уроки #создатьигруснуля #каксоздатьигру
#сделатьсвоюигру #каксоздатьсвоюигру #урокиjs #javascriptснуля #javascriptобучение
🎉🎉🎉
Круто🔥🔥🔥🔥
Спасибо) 🔥🙏🙏
Очень информативно! Молодец! Действительно, HTML5 дает хорошую площадку, как для юзера, так и для разработчика. Материал 100% годный))) Может будет в будущем урок про мультиплеер в реалтайме? На каком-нибудь простом примере, типа 8 bit танки, как в детстве.
Спасибо большое 🙏🙏🙏 Надо будет что-то придумать 😉
Отличный урок! А как сделать рестарт сцены после проигрыша?
Спасибо большое 🙏
Самый простой способ - перезагрузить страницу window.location.reload().