使用 Phaser 的 2D 打砖块游戏
在本分步教程中，我们使用 Phaser 框架，用 JavaScript 创建了一个简单的移动端 MDN 打砖块 游戏。
每个步骤都提供了可编辑的实时示例供您尝试，以便您可以了解中间阶段应该是什么样子。您将学习使用 Phaser 框架实现基本游戏机制的基础知识，例如渲染和移动图像、碰撞检测、控制机制、框架特定的辅助函数、动画和缓动，以及获胜和失败状态。
要充分利用本系列文章，您应该已经具备 JavaScript 的基础到中级知识。完成本教程后，您应该能够使用 Phaser 构建自己的简单 Web 游戏。
课程详情
所有课程以及我们一起构建的不同版本的 MDN 打砖块游戏 都可以在 GitHub 上获得
关于学习路径的一个说明——从纯 JavaScript 开始是获得扎实的 Web 游戏开发知识的最佳方法。如果您还不熟悉纯 JavaScript 游戏开发，我们建议您首先完成本系列的对应教程，使用纯 JavaScript 的 2D 打砖块游戏。
之后，您可以选择任何您喜欢的框架并将其用于您的项目；我们选择 Phaser 是因为它是一个良好的框架，拥有良好的支持和社区，以及一套良好的插件。框架可以加快开发时间并帮助处理乏味的部分，让您专注于有趣的部分。但是，框架并不总是完美的，因此如果发生了一些意外情况，或者您想编写框架未提供的某些功能，您将需要一些纯 JavaScript 知识。
注意：本系列文章可作为动手游戏开发研讨会的材料。如果您想就使用 Phaser 进行游戏开发发表演讲，还可以使用基于本教程的 Gamedev Phaser 内容工具包。