简易贪吃蛇游戏

原创 行云流水m 随笔 js‘’玩具‘’ 1064阅读 2017-11-22 16:20:41 举报

html 代码

这是我在js学习时学到的一个例子,贴出来让大家参考,向大家说明一下需要注意的地方: 看不到开始游戏按钮的请全屏进行游戏!
将地图数据化并储存(分为两个地图,渲染地图和数据地图,渲染地图是实际的span的集合,利用class区分这个格子目前的状态,数据地图是对应的数据),蛇前进时候分碰撞和没碰撞两种情况,再细分为碰撞了食物,自己,墙,而且需要注意的是在蛇前进的时候首先将尾巴去掉1格再将头增加一格,否则在判定是否吃自己时出现问题。还需要注意用键盘控制前进方向的时候,首先不能直接反方向移动,其次在改变方向数据时候需要判定此时能否进行方向数据的改变,否则会出现快速按键盘导致蛇可以反向移动的bug

评论 ( 2 )
最新评论
行云流水m 1F 2017-11-23 16:48:02 2F

谢谢,还在学习

1009973932 2017-11-23 15:29:16 1F

哇塞 66哒 真的不错