Установка

Из npm

# npm
npm install phaser

# bun
bun add phaser

Phaser 4 поставляется с собственными типами TypeScript — пакет @types/phaser не нужен.

Из CDN

Для быстрых экспериментов или однофайловых демо:

<script src="https://cdn.jsdelivr.net/npm/phaser@4/dist/phaser.min.js"></script>

@4 отслеживает последний релиз ветки 4.x. В продакшене закрепляйте точную версию (например, phaser@4.1.0), чтобы новый релиз не изменил поведение вашего кода. Текущие релизы смотрите в списке изменений.

Проверка установки

Минимально возможная программа на Phaser 4 — чёрный холст, готовый принимать игровые объекты:

import Phaser from 'phaser';

new Phaser.Game({
	type: Phaser.AUTO,
	width: 400,
	height: 300,
	scene: { create() { this.add.text(10, 10, 'Phaser 4 is alive'); } },
});

Если вы видите текст на чёрном фоне — всё настроено. Переходите к разделу Ваша первая сцена.