在这里我们将完全使用JavaScript语言基于HTML5的canvas标签，一步一步的绘制一个简单的MDN消除游戏。
过程中的每一步都会有例子可供体验，让你更清晰的了解他的制作过程。你将学习到如何使用canvas标签的基本语法去实现简单游戏的渲染、动画、碰撞、控制胜负。
为了更快速高效的学习本系列教程，你需要掌握 JavaScript 的一些基础知识。学习完本教程之后你就可以创建自己的网页小游戏了。
教程详情
全部教程 — MDN 消除小游戏 的各个版本我们正一起管理并托管到 GitHub 上:
对于实现一个网页游戏而言，最好的方式是从纯 JavaScirpt 着手，那样可以让我们建立更坚实的基础。之后你可以在你的项目中选择你喜欢的框架。框架也只是用JavaScript语言实现的工具；如果你想要在项目中使用框架，你必须先了解语言本身。框架可以帮你提高开发效率并生成一些基础的内容；但是如果没有达到你的预期，你只能慢慢调试或者使用原生JavaScript去实现解决方案。
说明: 如果你对使用第三方游戏资源库开发2d网页游戏感兴趣，可以参考本系列教程的 2D breakout game using Phaser.
说明: 本系列教程可以用作游戏开发工作室的素材资源。如果你想探讨普通的游戏开发，你可以利用Gamedev Canvas Content Kit以及本教程的内容。
下一步
好，让我们开始吧。第一步 — 创建、绘制画布