Ваша первая сцена

Программа на Phaser 4 — это как минимум Game, настроенный хотя бы с одной Scene. У сцены есть три хука жизненного цикла, которые вы будете использовать постоянно:

• preload() — загрузка ресурсов в кэш.
• create() — построение начального графа сцены.
• update(time, delta) — выполнение покадровой логики.

Вот самая маленькая интересная программа: спрайт, отскакивающий в пределах своих границ. Отредактируйте исходный код в собственном проекте — и тот же код будет работать точно так же.

Что только что произошло

1. Phaser.AUTO просит Phaser выбрать наилучший рендерер (WebGL там, где он доступен, иначе Canvas).
2. Конфигурация physics включает физику Arcade без гравитации, поэтому спрайт движется по прямой, пока что-нибудь его не отклонит.
3. this.load.image(key, url) ставит ресурс в очередь; загрузчик разрешает его до запуска create().
4. this.physics.add.image(...) создаёт спрайт, участвующий в физике, — именно поэтому у него есть setVelocity и setBounce.
5. setCollideWorldBounds(true) превращает ограничивающую рамку игры в коллайдер, давая нам эффект «отскока».

Куда двигаться дальше

• Подробно изучите жизненный цикл сцены.
• Разберитесь, как организованы игровые объекты.
• Выберите физическую систему в руководстве по физике.