此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

使用纯 JavaScript 开发 2D 打砖块游戏

在这里我们完全将使用纯 JavaScript 语言和用于渲染的 HTML <canvas> 标签,一步一步的绘制一个 MDN 打砖块游戏。

过程中的每一步都会有例子可供体验,让你更清晰的了解他的制作过程。你将学习到如何使用 <canvas> 标签的基本语法去实现简单游戏的渲染、动画、碰撞、控制胜负。

为了更快速高效的学习本系列教程,你需要掌握 JavaScript 的一些基础知识。学习完本教程之后你就可以创建自己的 Web 游戏了。

MDN 打砖块游戏的游戏画面,你可以使用球板击打小球以摧毁砖块阵列,同时屏幕上会显示得分和剩余生命次数