js开发实现简单贪吃蛇游戏(20行代码)
来源:互联网 发布:部落冲突蛮王升级数据 编辑:程序博客网 时间:2024/04/30 22:27
<!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,"Red");
if(n==dz){
while(sn.indexOf(dz=~~(Math.random()*400))>=0);
draw(dz,"Yellow");
}else
draw(sn.pop(),"Black");
setTimeout(arguments.callee,330);
}();
</script>
</body>
<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,"Red");
if(n==dz){
while(sn.indexOf(dz=~~(Math.random()*400))>=0);
draw(dz,"Yellow");
}else
draw(sn.pop(),"Black");
setTimeout(arguments.callee,330);
}();
</script>
</body>
</html>
运行效果图:
0 0
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- 学习1-js开发实现简单贪吃蛇游戏
- 20行左右的(HTML和JS)代码实现的贪吃蛇游戏
- 20行JS代码实现贪吃蛇
- js贪吃蛇游戏代码
- Js实现贪吃蛇游戏
- 【05】20行js代码实现的贪吃蛇小游戏
- 小白理解 js 20行代码实现贪吃蛇
- 简单的贪吃蛇游戏 代码
- GameBuilder开发游戏应用系列之100行代码实现贪吃蛇
- JS 贪吃蛇 游戏开发视频教程
- 用简单思路开发游戏----贪吃蛇
- 用JS实现贪吃蛇游戏
- canvas+js实现贪吃蛇游戏
- 简单贪吃蛇游戏的C++实现
- HttpClient与HttpURLConnection分析
- 程序员好的记录
- Android开发中常见adb命令的使用
- Python的collections模块及namedtuple详解
- ubuntu下带CUDA的OpenCV安装
- js开发实现简单贪吃蛇游戏(20行代码)
- JavaScript 面向对象编程
- 三十分钟学会awk(一)
- wxHtml2pdf
- java synchronized类锁,对象锁详解
- uva 1658 Admiral
- 一只鸟如何打乱一个人一天的节奏
- Python MySQLdb连接数据库的应用
- 学习笔记 JAVA 将 object 转换成为 json 串 利用反射实现