tangloong的gravatar头像
tangloong 2016-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行代码)

文件名:snakeat.zip,文件大小:0.599K 下载
  • /
    • /snakeat.html
最代码最近下载分享源代码列表最近下载
zhaoguozhen 3月6日
暂无贡献等级
林先生 2月9日
暂无贡献等级
3366983328 2月6日
暂无贡献等级
ts10542 1月23日
最代码贡献等级说明
zhangjie114 1月3日
暂无贡献等级
taoge6 2016年12月21日
暂无贡献等级
j局外人 2016年12月21日
暂无贡献等级
范雪飞 2016年12月21日
暂无贡献等级
程序猿而已 2016年12月20日
暂无贡献等级
dfwe3222 2016年12月16日
暂无贡献等级
最代码最近浏览分享源代码列表最近浏览
RobbaN 昨天
暂无贡献等级
暂无贡献等级
zhoushuai07331 3月24日
暂无贡献等级
xiaozhuang2017 3月24日
暂无贡献等级
bluesky2016 3月24日
暂无贡献等级
yangqian 3月24日
暂无贡献等级
海洋之歌 3月24日
暂无贡献等级
xingan168 3月23日
暂无贡献等级
白云升 3月22日
暂无贡献等级
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友