学习1-js开发实现简单贪吃蛇游戏
来源:互联网 发布:我的世界数据 编辑:程序博客网 时间:2024/04/28 21:12
学习1-js开发实现简单贪吃蛇游戏
<!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,"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
- 学习1-js开发实现简单贪吃蛇游戏
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- js开发实现简单贪吃蛇游戏(20行代码)
- Js实现贪吃蛇游戏
- JS 贪吃蛇 游戏开发视频教程
- 用简单思路开发游戏----贪吃蛇
- 用JS实现贪吃蛇游戏
- canvas+js实现贪吃蛇游戏
- 简单贪吃蛇游戏的C++实现
- 简单的贪吃蛇游戏实现
- 简单的贪吃蛇游戏实现
- 贪吃蛇游戏实战学习JS
- 贪吃蛇游戏实战学习JS
- js 贪吃蛇游戏
- JS贪吃蛇游戏
- JS游戏贪吃蛇
- 11周2--1项目 - 存储班长信息的学生类
- 11周2-2项目 - 存储班长信息的学生类,将Stu类的数据成员的访问权限改为private,你的程序是否能完成要求的功能?如果不行,请修改程序。请不要修改给出的代码,只能修改自己写的代码。
- .Net 4.5中的HttpClient使用方法
- 11周3-1项目-警察和厨师 简易
- 11周 4 项目 - 教师兼干部类
- 学习1-js开发实现简单贪吃蛇游戏
- CSS position 定位
- 二分图匹配(匈牙利算法)
- 从12306信息泄露了解何为黑客撞库拖库洗库
- 斯坦福大学公开课 编程方法学 Breakout 解题思路
- 【01背包】HDU1421搬寝室
- delphi的文件夹监控控件,直接封装成可视化的控件,拖一下即可代码。核心为:ReadDirectoryChangesW
- oracle 行转列 DEMO
- 二分图的基本用法与模板