如何开发一个简单的HTML5 Canvas 小游戏

canvas主要是用js在网页上绘制图形的，所以要想用canvas开发小游戏，就要先掌握好js。

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。对这些你都要有一定的了解，之后就相当于有了制作游戏的零件，接下来就是组装了。

我研究过也见到过一些别人写的比较不错的用canvas做的小游戏，比如酷炫的倒计时，粒子，贪吃蛇，生成文字图案等等。

给你个别人写的贪吃蛇小例子，在里边我又写了点localStorage：http://sandbox.runjs.cn/show/4aaszv8t

另外再给你个w3school的canvas的页面：http://www.w3school.com.cn/html5/html_5_canvas.asp

html5 canvas开发游戏，sprite是自定义的类，动画完全是通过js的定时器和内置的接口（不需要插件）实现的，和css3动画不一样，跟css sprite更是两码事，对canvas开发感兴趣，可以关注我的【深入浅出HTML5游戏开发视频教程】。

谁告诉你h5游戏一定要纯Canvas才不卡，js生成的东西其实比直接写的dom更慢。能用html+css实现的都不要用js，浏览器加载是先加载 html 然后加载 css 最后才加载js的。

---