其实很多常见的小游戏都是纯前端开发的canvas游戏开发实战，比如曾经风靡一时的2048、别踩白块等等，简单有趣。对于初学者来说，这些小游戏都是很好的动手项目。
实验室楼上有很多前端教程。这里有7个前端开发的小游戏教程，希望对大家学习前端有所帮助~
1.网页版 2048
项目通过搭建2048的网页版，让大家学习网页应用的开发流程，以及如何让应用在移动端自适应处理各种尺寸的屏幕、布局和初始化，并编写游戏。逻辑，实现让它动起来，决定结果。
渲染：
和我们玩的2048一样吗，O(∩_∩)O~
2.HTML5实现拼图
项目使用HTML5和css3实现九宫格拼图。您只需两步即可实现酷炫的效果和动画。详细的解释，让你清楚的知道每个代码的作用。
渲染：
你自己开发之后就可以玩了，告诉你，可以开发，但是玩不一定就OK~
3.网页版扫雷
该项目实现了一个网页版的扫雷游戏，通过它您将学习和练习基本的网页开发知识，如JavaScript和CSS。
渲染：
一看就有想玩的冲动canvas游戏开发实战，有木有~
4.网页版-别踩白块游戏
项目使用最基本的html、css、原生JavaScript实现了网页版的“别踩白块”游戏。
渲染：
玩完可以试试看速度如何，太快或太慢随时调整。
5.HTML5实现捉妖小游戏
项目利用HTML5的Canvas特性，结合js开发了一款捕捉小怪物的小游戏。从中我们可以学习如何使用 HTML5 构建 WebApp。
渲染：
很有意思~
6.JavaScript 打地鼠游戏
项目是whack-a-mole，是大家耳熟能详的经典小游戏。本游戏采用前端技术实现音效，简单有趣。
效果图：
你不能停止播放；
7.JavaScript 按钮控制坦克的移动
该项目使用javascript来控制网页上坦克的运动。通过使用非常简单明了的代码让坦克在页面上流畅的移动，通过学习，你可以掌握javascript的关键操作，让页面更好的与用户交互。
渲染：
看渲染图很简单，只是稍微发挥你的想象力，把坦克换成其他物件就可以变成其他小游戏，比如加个迷宫走出迷宫游戏。
p>
最后：
