当前位置:asp编程网>技术教程>Javascript教程>  正文

js游戏:20行代码搞定的贪吃蛇游戏

2016-05-16 16:28:00   来源:网络    作者:佚名   浏览量:3217   收藏
<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>
这是高手写的js贪吃蛇游戏,把它保存为.html文件后,打开就可以玩了。



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网