重庆快三app最新版下载—主页-彩经_彩喜欢代码广告位
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
重庆快三app最新版下载—主页-彩经_彩喜欢代码重庆快三app最新版下载—主页-彩经_彩喜欢近下载分享源代码列表重庆快三app最新版下载—主页-彩经_彩喜欢近下载
hughst21 LV41月20日
月亮
rfangq LV72019年12月9日
月亮星星星星星星
zhanghaiqiang LV92019年9月16日
月亮月亮星星
Fleming_ LV62019年6月19日
月亮星星星星
1065445612 LV22019年5月26日
星星星星
060530wwz LV22019年5月18日
星星星星
ZhangHao009 LV122019年5月4日
月亮月亮月亮
小赵小赵小赵 LV72019年4月2日
月亮星星星星星星
l76885329 LV12019年3月14日
星星
kk2019 LV22019年3月9日
星星星星
重庆快三app最新版下载—主页-彩经_彩喜欢代码重庆快三app最新版下载—主页-彩经_彩喜欢近浏览分享源代码列表重庆快三app最新版下载—主页-彩经_彩喜欢近浏览
cbsilu1月21日
暂无贡献等级
hughst21 LV41月20日
月亮
牛锐123456 LV21月16日
星星星星
liuxie LV71月15日
月亮星星星星星星
mmy1231月10日
暂无贡献等级
多多学习呀 LV21月7日
星星星星
q10163249 LV21月5日
星星星星
老叔老敲代码2019年12月31日
暂无贡献等级
King审判 LV12019年12月30日
星星
momentshare2019年12月28日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注重庆快三app最新版下载—主页-彩经_彩喜欢代码为好友扫描二维码关注重庆快三app最新版下载—主页-彩经_彩喜欢代码为好友