phaserjs/phaser

这是什么？

核心功能

• 01在桌面和移动端浏览器中使用 WebGL 或 Canvas 渲染。
• 02内置 Arcade 与 Matter.js 物理引擎、动画、补间动画和粒子系统。
• 03提供场景管理、资源加载、输入处理、摄像机和瓦片地图。
• 04支持 JavaScript 和 TypeScript，并附带类型定义。
• 05通过 CLI 快速生成适配主流前端框架和打包工具的项目模板。
• 06提供滤镜系统，包括模糊、辉光、泛光等效果。

适用场景

• 开发面向桌面和移动端网页的 2D 游戏。
• 将小游戏发布到 YouTube Playables 或 Discord Activities。
• 在 React 或 Vue 应用中嵌入互动游戏式内容。
• 利用内置物理与动画工具快速验证 2D 游戏玩法。

快速上手

1. 1

   从 npm 安装 Phaser

   npm install phaser
2. 2

   在项目中导入 Phaser

   import Phaser from 'phaser';
3. 3

   或使用 create-phaser-game 工具创建新游戏

   npm create @phaserjs/game@latest

使用前须知

• !Phaser 4 与 Phaser 3 存在破坏性变更，旧教程和插件可能需要迁移工作。

收录于专题

标签

常见问题

phaser 是什么？

Phaser 是一个免费开源的 HTML5 2D 游戏框架，基于 WebGL 或 Canvas 渲染，用于浏览器游戏开发。 Phaser 是一个使用 JavaScript 或 TypeScript 开发的 2D 游戏框架，游戏可运行在桌面和移动端浏览器中。它同时支持 WebGL 和 Canvas 渲染，内置场景管理、资源加载器、Arcade 与 Matter.js 物理引擎，以及动画、输入、摄像机、瓦片地图、粒子和补间动画等功能。

phaser 可以免费使用吗？用的什么许可证？

phaser 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

phaser 还在维护吗？

半年内有更新。phaser 最近一次提交是在 2026年8月21日。

phaser 适合用来做什么？

开发面向桌面和移动端网页的 2D 游戏。 将小游戏发布到 YouTube Playables 或 Discord Activities。 在 React 或 Vue 应用中嵌入互动游戏式内容。 利用内置物理与动画工具快速验证 2D 游戏玩法。

phaser 怎么安装和运行？

从 npm 安装 Phaser: npm install phaser 在项目中导入 Phaser: import Phaser from 'phaser'; 或使用 create-phaser-game 工具创建新游戏: npm create @phaserjs/game@latest

在哪里获取 phaser？

源代码和安装说明在 GitHub 上：https://github.com/phaserjs/phaser