coding
tangloong的gravatar头像
tangloong2016-03-23 10:28:28

js开发实现简单贪吃蛇游戏(20行代码)

曾经诺基亚的贪吃蛇风靡一时,在游戏匮乏的年代,用java实现太难,现在网页制作20行代码就做成一个简单的demo了,时代在进步啊

代码:

<!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>

这是开始游戏:

js开发实现简单贪吃蛇游戏(20行代码)

这是游戏结束:

js开发实现简单贪吃蛇游戏(20行代码)

gif动图


打赏

文件名:snakeat.zip,文件大小:0.599K下载
  • /
    • /snakeat.html
最代码最近下载分享源代码列表最近下载
l76885329 LV13月14日
星星
kk2019 LV23月9日
星星星星
siximu912 LV33月7日
星星星星星星
leesss LV22月12日
星星星星
1174475761 LV62018年12月27日
月亮星星星星
正在找工作找项目 LV12018年12月20日
星星
haha0316 LV92018年12月18日
月亮月亮星星
laoyaoshui LV162018年12月10日
太阳
LLHHYY LV32018年12月5日
星星星星星星
最代码最近浏览分享源代码列表最近浏览
暂无贡献等级
爱使坏前天
暂无贡献等级
血羽如风 LV23月21日
星星星星
betokengg LV13月20日
星星
739520942 LV63月19日
月亮星星星星
a3534437163月19日
暂无贡献等级
xielxi3月18日
暂无贡献等级
idcomcn2003 LV33月18日
星星星星星星
WUHUISHI3月14日
暂无贡献等级
l76885329 LV13月14日
星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友
澳门AG娱乐游戏大厅-真人赌场盘口开户-葡京赌博网站网址_建站源码