PhaserPhaser

一句话：Pixi 给你一块画布，Phaser 给你一台装好的机器：循环、物理、场景、资源加载都在里面。

In one line: Pixi hands you a canvas; Phaser hands you a fitted-out machine — loop, physics, scenes and asset loading are already inside.

使用条件与检查

Usage conditions and checks

它的代价

• ⚠ API 面大：概念比 Pixi 多（Scene / config / game object 模型），读文档的时间要留够
• 框架不小：官方 README：完整 min 构建 gzip 后约 345 KB（比多数贴图还小，但不是零成本）
• 2D only：做 3D 得换 Three.js
• Web only：发桌面/手机原生要另套壳（Electron/Capacitor 等）

What it costs

• ⚠ — more concepts than Pixi (Scene / config / game-object model); budget reading time
• Not a small framework — official README: the full minified build is ~345 KB gzipped (smaller than most textures, but not free)
• 2D only — for 3D switch to Three.js
• Web only — desktop or native mobile needs another wrapper (Electron/Capacitor etc.)

什么时候选它 / 不选

选：2D 网页游戏，需要物理、场景流转、资源加载这些「引擎件」；想让 AI 少发明轮子

不选：只要一层渲染（选 Pixi 更薄）；要 3D；要发原生平台为主

When to pick it, and when not to

Pick it for: 2D web games that need the engine parts — physics, scene flow, asset loading — and for letting AI invent fewer wheels

Do not pick it if: you only need a rendering layer (Pixi is thinner); you need 3D; native platforms are the primary target

最小 starter

一个最小 Scene，只画一个矩形，用来确认渲染与场景启动正常。

const game = new Phaser.Game({
  type: Phaser.AUTO, width: 800, height: 600,
  scene: { create() { this.add.rectangle(400, 300, 64, 64, 0x44aaff); } }
});

官方文档：https://phaser.io/

Minimal starter

A minimal Scene that draws one rectangle to confirm rendering and scene boot.

const game = new Phaser.Game({
  type: Phaser.AUTO, width: 800, height: 600,
  scene: { create() { this.add.rectangle(400, 300, 64, 64, 0x44aaff); } }
});

Official docs: https://phaser.io/

可核验事实

Verifiable facts