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
- canvas的贪吃蛇
- HTML5+Canvas贪吃蛇
- Canvas贪吃蛇
- Canvas 贪吃蛇
- canvas贪吃蛇
- canvas贪吃蛇
- html5 贪吃蛇canvas小游戏
- 贪吃蛇 HTML5 Canvas代码
- 用canvas写贪吃蛇
- 贪吃蛇(canvas+javaScript)
- canvas+js 贪吃蛇实现
- canvas标签应用 简单"贪吃蛇"游戏
- HTML5 Canvas实现贪吃蛇(一)
- HTML5 Canvas实现贪吃蛇(二)
- 利用Canvas+js实现贪吃蛇(1)
- 利用Canvas+js实现贪吃蛇(2)
- 利用Canvas+js实现贪吃蛇(3)
- 利用Canvas+js实现贪吃蛇(4)
- FTP 两种连接模式 (主动模式被动模式)
- handler用法
- Xcode 资源拷贝选项解析
- 【 CodeForces 209C】 【欧拉回路推结论+并查集计算联通分量】 【给定n点m边无向图,可能有自环和重边。 问最少添加多少条边后,使得图存在从点1出发发又回到点1的欧拉回路】
- Java-IO之PrintWriter(字符打印输出流)
- Canvas贪吃蛇
- 面向对象_多态的弊端
- HDU 5490 Simple Matrix(组合数学+构造等比数列)——2015 ACM/ICPC Asia Regional Hefei Online
- linux之shell变量
- ARP协议解析
- 手势识别(一)--手势基本概念和ChaLearn Gesture Challenge
- shell脚本——正则表达式
- sessionStorage 、localStorage 和 cookie 之间的区别
- Java-IO之RandomAccessFile