JavaScript制作贪吃蛇游戏开发代码

您还没有浏览的资料哦~

快去寻找洎己想要的资料吧

您还没有收藏的资料哦~

收藏资料后可随时找到自己喜欢的内容

}

本文实例讲述了JS实现的贪吃蛇游戲开发分享给大家供大家参考,具体如下:

1、设计蛇:属性有宽、高、方向、状态(有多少节)方法:显示,跑

2、设计食物:属性宽、高

3、显示蛇:根据状态向地图里加元素

4、蛇跑起来:下一节到前一节的位置蛇头根据方向变,删除原来的蛇新建蛇;当出界时,死亡初始化;当蛇头吃到自己的时候,死亡初始化

5、食物被吃掉,蛇加一节去掉原来的食物,生成新的食物

6、添加定时器绑定按键

 // 使用构造方法创建蛇,
 // 设置蛇的宽、高、默认走的方向
 // 记住蛇的状态当吃完食物的时候,就要加一个初始为3个小点为一个蛇,
 // 将节点保存到状态中以便于后面删除
 // 让蛇跑起来,后一个元素到前一个元素的位置
 // 蛇头根据方向处理,所以i不能等于0
 // 后一个元素到前一个元素的位置
 // 根据方向处理蛇头
 // 判断是否出界,一蛇头判断,出界的话
 // 判断蛇头吃到食物,xy坐标重合
 // 蛇加一节,因为根据最后节点定下面display时,会洎动赋值的
 // 清除食物,重新生成食物
 // 吃到自己死亡从第五个开始与头判断,因为前四个永远撞不到
 alert("傻子!你怎么能吃自己呢");
 // 先删掉初始嘚蛇,在显示新蛇
 // 给body加按键事件上下左右
 // 有事件对象就用事件对象,没有就自己创建一个兼容低版本浏览器
 // 点击开始时,动起来

使用茬线HTML/CSS/JavaScript代码运行工具:测试上述代码可得到如下运行效果:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

}

我要回帖

更多关于 贪吃蛇游戏代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信