我跪了，使用js写贪吃蛇游戏，只用了30行！！！最简贪吃蛇源代码分享

最新推荐文章于 2024-04-01 01:21:41 发布

HMX404

最新推荐文章于 2024-04-01 01:21:41 发布

阅读量883

点赞数 2

文章标签： javascript 游戏开发语言

本文链接：https://blog.csdn.net/HMX404/article/details/130291374

版权

我真的跪了，贪吃蛇游戏用js代码只用了30行！！！

 <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");
                        refesh(); 
                    } 
                    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,300);数值大速度慢
                }();
 
                function refesh(){
                      location.reload();
                }
            </script>
        </body>
    </html>