百合文库
首页 > 网文

分享一个js小游戏——贪吃蛇,你能写出来吗?(2)

2023-03-05游戏前端 来源:百合文库
document.onkeydown = function(e) { fx = sn[1] - sn[0] == (n = [ -1, -20, 1, 20 ][(e || event).keyCode - 37] ) ? fx : n };
蛇吃食物控制
sn.unshift(n = sn[0] fx);if (n == dz) { while (sn.indexOf(dz = ~~(Math.random() * 400)) >= 0); draw(dz, "Yellow"); }
游戏开始时,n = 42 1,dz = 43。
此时执行上面的代码,while里的表达式是生成一个0-400的随机数,且不在蛇体数组内,即在蛇体外随机位置生成一个食物块。
游戏结束条件
2.蛇头碰到四壁;
满足一个即可。
sn.indexOf(n, 1) > 0 || n<0||n>399 || fx == 1 && n % 20 == 0 || fx == -1 && n % 20 == 19
最后推荐下我自己的web前端学习交流群:527535103,
不管你是小白还是大神,我都欢迎你们进**流,
不定期分享干货,包括我自己整理的最新的前端资料和教程送给大家,
欢迎初学和进阶中的小伙伴,一起学习一起交流,共同进步。

猜你喜欢