使用纯 JavaScript 开发 2D 打砖块游戏
在本分步教程中，我们创建了一个完全使用纯 JavaScript 编写并在 HTML <canvas> 上呈现的 MDN 打砖块游戏。
每个步骤都有可编辑的实时示例供您使用，以便您可以查看中间阶段的外观。您将学习使用 <canvas> 元素实现基本游戏机制（如渲染和移动图像、碰撞检测、控制机制以及获胜和失败状态）的基础知识。
为了充分利用本系列文章，您应该已经具备从基础到中级的 JavaScript 知识。完成本教程后，您应该能够构建自己的 Web 游戏。
课程详情
所有课程以及我们一起构建的 MDN 打砖块游戏的不同版本都可在 GitHub 上获取
从纯 JavaScript 开始是获得扎实 Web 游戏开发知识的最佳方法。之后，您可以选择任何您喜欢的框架并将其用于您的项目。框架只是使用 JavaScript 语言构建的工具；因此，即使您计划使用它们，最好也先了解一下语言本身，以了解幕后到底发生了什么。框架可以加快开发时间并帮助处理游戏中的枯燥部分，但如果某些内容无法按预期工作，您始终可以尝试调试或使用纯 JavaScript 编写自己的解决方案。
注意：本系列文章可作为动手游戏开发研讨会的材料。如果您想就游戏开发发表演讲，还可以使用基于本教程的 Gamedev Canvas 内容工具包。
如果您有兴趣使用游戏库来学习 2D Web 游戏开发，请参阅本系列的对应文章 使用 Phaser 开发 2D 打砖块游戏。
后续步骤
好的，让我们开始吧！前往第一章 创建画布并在其上绘制。