如何开发一个简单的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核心技术》（David Geary）电子书网盘下载免费在线阅读

链接：https://pan.baidu.com/s/1APsUA3OPswIOA4B9T1YCYw

提取码：o71a

书名：HTML5 Canvas核心技术

作者：David Geary

译者：爱飞翔

豆瓣评分：8.6

出版社：机械工业出版社

出版年份：2013-5

页数：486

内容简介：

海报：

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

---