www.hj8828.com 1

javascript实现简单的贪吃蛇游戏_javascript技巧_脚本之家

javascript兑现简单的贪吃蛇游戏,作用很简短,代码也很实用,就相当少废话了,小同伙们参照他事他说加以考察注释吧。

www.hj8828.com,思念一位的时候,不知该用何种措施挂钩她 。

www.hj8828.com 1

 贪吃蛇 var map; //地图 var snake; //蛇 var food; //食物 var timer; //定时器 var initSpeed=200; //初始定时器时间间隔,间接代表蛇移动速度 var nowSpeed=initSpeed; //游戏进行时蛇移动速度 var grade=0; //积分 var flag=1; //关卡 //地图类 function Map(){ this.width=800; this.height=400; this.position='absolute'; this.color='#EEEEEE'; this._map=null; //生成地图 this.show=function(){ this._map=document.createElement; this._map.style.width=this.width+'px'; this._map.style.height=this.height+'px'; this._map.style.position=this.position; this._map.style.backgroundColor=this.color; document.getElementsByTagName[0].appendChild; } } //食物类 function Food(){ this.width=20; this.height=20; this.position='absolute'; this.color='#00FF00'; this.x=0; this.y=0; this._food; //生成食物 this.show=function(){ this._food=document.createElement; this._food.style.width=this.width+'px'; this._food.style.height=this.height+'px'; this._food.style.position=this.position; this._food.style.backgroundColor=this.color; this.x=Math.floor*map.width/this.width); this.y=Math.floor*map.height/this.width); this._food.style.left=this.x*this.width; this._food.style.top=this.y*this.height; map._map.appendChild; } } //蛇类 function Snake(){ this.width=20; this.height=20; this.position='absolute'; this.direct=null;//移动方向 //初始蛇身 this.body=new Array( [3,2,'red',null],//蛇头 [2,2,'blue',null], [1,2,'blue',null] ); //生成蛇身 this.show=function(){ for(var i=0;i<this.body.length;i++){ if(this.body[i][3]==null){ this.body[i][3]=document.createElement; this.body[i][3].style.width=this.width; this.body[i][3].style.height=this.height; this.body[i][3].style.position=this.position; this.body[i][3].style.backgroundColor=this.body[i][2]; map._map.appendChild; } this.body[i][3].style.left=this.body[i][0]*this.width+'px'; this.body[i][3].style.top=this.body[i][1]*this.height+'px'; } } //控制蛇移动 this.move=function(){ var length=this.body.length-1; for{ this.body[i][0]=this.body[i-1][0]; this.body[i][1]=this.body[i-1][1]; } switch{ case 'right': this.body[0][0]=this.body[0][0]+1; break; case 'left': this.body[0][0]=this.body[0][0]-1; break; case 'up': this.body[0][1]=this.body[0][1]-1; break; case 'down': this.body[0][1]=this.body[0][1]+1; break; } this.condition; } //定时器,开始游戏时,调用 this.speed=function(){ timer=setInterval',initSpeed); } //条件处理 this.condition=function(){ //吃食物 if(this.body[0][0]==food.x&&this.body[0][1]==food.y){ grade++; this.body[[this.body.length]]=[0,0,'blue',null]; map._map.removeChild food.show(); } //判断是否撞墙 if(this.body[0][0]<0||this.body[0][0]>=map.width/this.width||this.body[0][1]<0||this.body[0][1]>=map.height/this.height){ alert; clearInterval; return ; } //判断是否撞到自身 for(var i=1;i<this.body.length;i++){ if(this.body[0][0]==this.body[i][0]&&this.body[0][1]==this.body[i][1]){ alert; clearInterval; return ; } } //速度提升处理,积分每曾2分,速度提升一倍 if{ clearInterval; flag++; nowSpeed=initSpeed/flag; timer=setInterval',nowSpeed); } document.title='贪吃蛇 积分'+grade+' 速度等级'+initSpeed/nowSpeed; } } document.onkeydown=function{ //按下任意键,开始游戏 if{ snake.direct='right'; snake.speed(); } //控制方向,W S D A分别代表 上下右左 switch(window.event?window.event.keyCode:event.keyCode){//浏览器兼容处理 case 87 : snake.direct=snake.body[0][0]==snake.body[1][0]?snake.direct:'up';//避免反向移动,触发死亡bug break; case 83 : snake.direct=snake.body[0][0]==snake.body[1][0]?snake.direct:'down'; break; case 68 : snake.direct=snake.body[0][1]==snake.body[1][1]?snake.direct:'right'; break; case 65 : snake.direct=snake.body[0][1]==snake.body[1][1]?snake.direct:'left'; break; } } //自动加载游戏 window.onload=function; map.show; food.show; snake.show(); }

应当要简明总结归纳归纳回顾概括回顾总结总结总结总结总结回顾回顾总结归纳总结总结归纳归纳归纳归纳总结归纳总结归纳回顾归纳回顾归纳总结回顾概括总结回顾回顾回顾归纳归纳总结回顾概括回顾总结回顾回顾归纳归纳归纳总结归纳总结回顾总结总结归纳总结的生活以至存在。

有和好的窝,甚是有幸福感。Astrid的家,简单自然,未有太多华侈的修饰,只是简修,却也那样完美。