机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

用 TypeScript 编写的 Phaser 3 游戏示例。自 2018 年起。

_{Examples made with ❤︎ by digitsensitive
Framework created by Photonstorm}

Phaser 3 和 TypeScript

Phaser 是一个出色、快速且免费的开源 HTML5 游戏框架。在这里，你将找到使用 Phaser 3 和 TypeScript 开发游戏所需的一切。祝你在发现、开发和玩游戏的过程中玩得开心！创意和纠正意见都非常欢迎，以不断改进此仓库！

入门

先决条件

Download and install Node.js @ https://nodejs.org/en
Download and install yarn @ https://classic.yarnpkg.com/en/docs/install

安装中

选择一个文件夹，导航到该文件夹，并使用以下命令行克隆此存储库：

git clone https://github.com/digitsensitive/phaser3-typescript.git

模板

检查 package.json 以获取启动项目的正确脚本。例如，你可以使用以下命令启动 Webpack Boilerplate 项目：

yarn webpack-boilerplate

• Webpack 模板
• Parcel 模板

示例

检查 package.json 以获取启动项目的正确脚本。例如，你可以使用以下命令启动 Candy Crush 项目：

yarn candy-crush

• Alpha Adjust
• 小行星
• 封锁
• 方块
• Breakout
• 糖果传奇
• 时钟
• 硬币奔跑者
• 无尽奔跑者
• Flappy Bird
• 贪吃蛇
• 太空入侵者
• 太空射击游戏
• 超级马里奥大陆
• 元胞自动机
• 分形树
• 生命游戏
• 利萨茹曲线
• 点在多边形内
• 程序生成
• 射线投射
• 无纹理射线投射器
• 工厂方法

项目配置

更漂亮

本项目使用 Prettier，一种有明确风格的代码格式化工具。所选择的配置选项可以在项目根文件夹中的 .prettierrc 文件中找到。关于格式选项的更多信息可以在 这里 找到。

TypeScript

每个项目所选择的编译器选项都在 tsconfig.json 文件中设置。关于可用选项的更多信息可以在 这里 找到。

教程

• 在5分钟内学习创建HTML5游戏
• 游戏编程模式：工厂方法示例

外部资源和工具

• Phaser 3 框架
• 带有 TypeScript 定义文件的 Phaser 3 文档
• Phaser 3 在线文档
• Phaser 3 官方示例
• Phaser 3 讨论区
• Leshy 精灵表工具
• Tiled
• 位图字体生成器在线
• Tile Extruder

更新日志

了解最新改进

贡献

想修复一个漏洞、贡献一些代码或改进代码吗？太好了！请告诉我！请阅读 CONTRIBUTING.md 了解我们行为准则的详细信息。

我想感谢以下人士的支持和帮助：@FakeBarenziah @emedws @evanlanglais @iliyaZelenko

许可

本项目遵循 MIT 许可证 - 详细信息请参见 LICENSE.md 文件。