贪吃蛇

贪吃蛇总结:
这个贪吃蛇是有canvas绘图和js面向对象制作的,首先需要检测浏览器是否支持canvas
贪吃蛇具体步骤:
1.创建一个主函数main(),产生食物、贪吃蛇运动等函数在这里运行
2.这个蛇是由矩形组成,所以先建一个传参用的Rect()函数,再建一个画矩形的draw()函数
3.创建蛇的对象,先将蛇头和蛇身参数传入,然后用draw()函数绘制
4.创建一个函数move()让蛇动起来,可以给身体再加一个头,在公有属性定义一个向右的默认方向Snake.prototype.direction = 1;然后用switch语句改变头的x,y的值从而使其运动。
添加键盘监听keydown()控制其运动方向
5.用Math.round产生随机数,创建食物对象,用产生的随机数定义食物位置,并且需要判断是否在蛇身上,如果在需要重新产生。通过判断蛇头和食物位置判断是否吃到食物。
6.创建碰撞检测函数isRectHit()通过判断食物与头的边界值检测是否碰撞。并判断是否碰到墙壁或身体,碰到游戏结束

蛇的绘制、运动、吃食物等等都需在main()主函数进行
在函数最后运行main()函数
贪吃蛇
贪吃蛇
贪吃蛇
贪吃蛇
贪吃蛇
贪吃蛇
贪吃蛇