Создание 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обучение

Пікірлер: 7

  • @ed6i991
    @ed6i9919 ай бұрын

    🎉🎉🎉

  • @user-ub5oo5ce8q
    @user-ub5oo5ce8q9 ай бұрын

    Круто🔥🔥🔥🔥

  • @_ateros

    @_ateros

    9 ай бұрын

    Спасибо) 🔥🙏🙏

  • @mrs2z914
    @mrs2z9149 ай бұрын

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

  • @_ateros

    @_ateros

    9 ай бұрын

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

  • @TeraKub
    @TeraKub6 ай бұрын

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

  • @_ateros

    @_ateros

    6 ай бұрын

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

Келесі