Canvas贪吃蛇

来源:互联网 发布:淘宝网的运营模式是() 编辑:程序博客网 时间:2024/05/17 19:58
<!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(){console.log("执行一次");    sn.unshift(n=sn[0]+fx);    console.log(sn);    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>
真大神写的贪吃蛇
0 0
原创粉丝点击