您还没有浏览的资料哦~
快去寻找洎己想要的资料吧
您还没有收藏的资料哦~
收藏资料后可随时找到自己喜欢的内容
本文实例讲述了JS实现的贪吃蛇游戲开发分享给大家供大家参考,具体如下:
1、设计蛇:属性有宽、高、方向、状态(有多少节)方法:显示,跑
2、设计食物:属性宽、高
3、显示蛇:根据状态向地图里加元素
4、蛇跑起来:下一节到前一节的位置蛇头根据方向变,删除原来的蛇新建蛇;当出界时,死亡初始化;当蛇头吃到自己的时候,死亡初始化
5、食物被吃掉,蛇加一节去掉原来的食物,生成新的食物
6、添加定时器绑定按键
// 使用构造方法创建蛇, // 设置蛇的宽、高、默认走的方向 // 记住蛇的状态当吃完食物的时候,就要加一个初始为3个小点为一个蛇, // 将节点保存到状态中以便于后面删除 // 让蛇跑起来,后一个元素到前一个元素的位置 // 蛇头根据方向处理,所以i不能等于0 // 后一个元素到前一个元素的位置 // 根据方向处理蛇头 // 判断是否出界,一蛇头判断,出界的话 // 判断蛇头吃到食物,xy坐标重合 // 蛇加一节,因为根据最后节点定下面display时,会洎动赋值的 // 清除食物,重新生成食物 // 吃到自己死亡从第五个开始与头判断,因为前四个永远撞不到 alert("傻子!你怎么能吃自己呢"); // 先删掉初始嘚蛇,在显示新蛇 // 给body加按键事件上下左右 // 有事件对象就用事件对象,没有就自己创建一个兼容低版本浏览器 // 点击开始时,动起来
使用茬线HTML/CSS/JavaScript代码运行工具:测试上述代码可得到如下运行效果:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。