实例--贪吃蛇小游戏
一：思路
1、画蛇（蛇头，蛇身）
2、让蛇动起来
3、随机产生食物
4、吃掉食物
5、判断游戏结束
二：实现的步骤
1.先创建一个canvas画布，判断浏览器是否支持canvas。
在画布上画出一条，可以利用画方框的样式，用3个或者多个方框组成蛇的身体，画一个方框当成蛇的头部，头部与身体要区分开来，可以用不同的颜色。
2.添加计时器，让蛇动起来，每0.08秒让蛇移动一个位置，然后在去清除蛇的旧图像。
3、随机产生一个食物，判断是个食物是否在蛇的身上，如果在蛇的身上，重新产生位置，如果不在就画食物。
4、利用键盘监听事件去控制蛇把食物吃掉，需要判断蛇头是否与食物重合，利用碰撞检测，碰撞到食物，那食物消失，添加一个蛇身。
1
2
3
判断蛇头与食物是否重合
5、判断游戏结束，用的也是碰撞检测，当蛇头碰到蛇身的时候，游戏结束，当蛇头碰到canvas画布的边缘的术后，游戏结束
6、全部代码
1
2
3
4
5
6
7
8
结果：
