20行代码《贪吃蛇》游戏[原创]

天际的海浪 天际的海浪 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
春节期间无聊随便写的,贪吃蛇的算法比以前写的俄罗斯方块简单多了,不知道有人写过类似的么。

祝大家春节快乐!

<!doctype html><html><body>
<canvas id="can" width="400" height="400" style="background:Black"></canvas><script>
var sn=[42,41],dz=43,fx=1,n,ctx=document.getElementById("can").getContext("2d");
function draw(t,c){
ctx.fillStyle=c;
ctx.fillRect(t%20*20+1,~~(t/20)*20+1,18,18);
}
document.onkeydown=function(e){fx=sn[1]-sn[0]==(n=[-1,-20,1,20][(e||event).keyCode-37]||fx)?fx:n};
!function(){
sn.unshift(n=sn[0]+fx);
if(sn.indexOf(n,1)>0 || n<0||n>399||fx==1&&n%20==0||fx==-1&&n%20==19) return alert("GAME OVER");
draw(n,"Lime");
if(n==dz){
while(sn.indexOf(dz=~~(Math.random()*400))>=0);
draw(dz,"Yellow");
}else
draw(sn.pop(),"Black");
setTimeout(arguments.callee,130);
}();
</script></body></html>
...全文

相关推荐

20行js代码实现的贪吃蛇小游戏

前言 最近在csdn上看到一位大神用20行代码就写出了一个贪吃蛇的小游戏,感觉被惊艳到了,就试着读了一下这段代码,阅读过程中不断为作者写法的巧妙而叫绝,其中我发现自己对运算符优先级和一些js的技巧不是很清楚,所以看完之后决定把思路分享出来,方便和我一样的小白学习。 我对代码稍稍做了些修改,并添加了一些注释,方便理解。 示例代码 &lt;!DOCTYPE html> &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;贪吃蛇重构&lt;/title&gt; &lt;style&gt; body { display: flex; height: 1

weixin_38732463

自己写的贪吃蛇代码 简单小游戏VB源码

代码很简单,小 游戏也很简陋, 因为是自己写的, 所以注释还是比较齐的, 适合初学者参考. 初学者练习贪吃蛇源码

Happy_BC

C++版贪吃蛇游戏源代码

C++写的贪吃蛇游戏源代码,有非常详细的注释!

牟尼

使用python+pygame,100行代码实现基本贪吃蛇游戏

使用python3+pygame模块,用90行代码实现乐贪吃蛇的基本功能,包括贪控制吃蛇移动、随机刷新果实、贪吃蛇吃掉果实身体变长、撞墙游戏结束等等。内容自创,请勿商用

♂优あ

C++贪吃蛇游戏源代码

用C++程序制作贪吃蛇游戏,核心算法是如何实现移动和吃掉食物.没有碰到食物的时候,把当前运动方向上的下个节点入队,并通过链表来添加蛇的节点.当吃到随机的食物时,蛇的节点自动增加。

joe8090
评论 29
收藏 已收藏
分享
返回顶部
天际的海浪
JavaScript 87,983 成员 224,681 内容