本文讲述了Java教程——20行代码的Java贪吃蛇游戏!具有很好的参考价值,希望对大家有所帮助。一起跟随六星小编过来看看吧,具体如下:
游戏可以精简到什么程度?
曾经见过只有不到100KB的3D射击游戏,而且是真正的FPT游戏,里面还可以换枪,有音乐。
那么今天给大家看一个,只用了20行JS写的贪吃蛇游戏。(不知道怎么玩的,请复制下面代码到记事本,然后点左上角,文件-另存为-保存类型选择全部文件-文件名为youxi.html-保存,然后双击保存后的HTML文件就可以玩游戏了)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js贪吃蛇20行代码</title>
</head>
<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,~~(t/20)*20,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,200);
}();
</script>
</body>
</html>
代码的世界也可以很精彩,你有没有见过让你惊艳的编程代码高手呢?
更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。
想高效系统的学习Java编程语言,推荐大家关注一个微信公众号:Java圈子。每天分享行业资讯、技术干货供大家阅读,关注即可免费领取整套Java入门到进阶的学习资料以及教程,感兴趣的小伙伴赶紧行动起来吧。
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!