Книга по игровому 2D фреймворку Phaser: Discover Phaser содержит примеры на старой версии Phaser и они на JavaScript. Книга 2014 года. Новый Phaser значительно поменялся и он хорошо поддерживает TypeScript. Я буду называть примеры, как они называются в книге и писать раздел, где объясняется пример.
Исходники: https://github.com/8Observer8/discover-phaser-typescript
Для сборки примеров в Release и Debug см. файл “package.json”
Содержание:
3.1 - Empty Game: Playground
Выставляется цвет фона. Настраивается физический движок “Arcade” для прыжков игрока.
Обновил во всех предудущих примерах Phaser с версии 3.19.0 до текущей 3.21.0
3.2 - Add the Player: Playground
Загружается изображение главного героя из файла “player.png”, создаётся спрайт и герой выводится в центр экрана
Ранее предопределённые переменные для центра носили имена:
game.world.centerX и game.world.centerY, в Phaser 3 эти свойства, только для чтения, носят имена this.cameras.main.centerX и this.cameras.main.centerY (документация: https://photonstorm.github.io/phaser3-docs/Phaser.Cameras.Scene2D.Camera.html#centerX__anchor). В данном примере они используются для вывода спрайта в середину игрового поля:
this._player = this.add.sprite(this.cameras.main.centerX, this.cameras.main.centerY, "player");
