js推箱子小游戏源码_js小乌龟推箱子游戏代码

js推箱子小游戏源码_js小乌龟推箱子游戏代码3578
一共就这么多js代码
BoxYouXi = {			oP:null,			history:[],			target:{},			boxs:[],			gk:[				{					map:[						0,0,1,1,1,0,0,0,						0,1,3,3,1,1,1,1,						0,1,2,2,3,2,2,1,						1,2,2,2,1,2,1,0,						1,2,2,2,2,3,1,0,						1,2,2,2,2,2,2,1,						0,1,2,2,2,2,1,0,						0,0,1,1,1,1,1,0					],					boxPos:[						{x:5,y:3},						{x:3,y:5},						{x:2,y:4},						{x:4,y:5}					],					personPos:{x:4,y:6},				},				{					map:[						0,0,1,1,1,0,0,0,						0,1,3,3,1,1,1,1,						0,1,2,2,2,2,2,1,						1,2,2,2,1,2,2,1,						1,2,2,1,2,3,2,1,						1,2,2,2,2,2,2,1,						1,3,2,2,2,2,1,0,						0,1,1,1,1,1,1,0					],					boxPos:[						{x:5,y:3},						{x:3,y:5},						{x:2,y:4},						{x:4,y:5}					],					personPos:{x:4,y:6},				}			],			Map:function(gk){				document.title = '当前第'+(this.num+1)+'关';				this.colsNum = Math.sqrt(gk.map.length);				this.oParent.style.width = this.colsNum*50+'px';				for(var i=0;i<gk.map.length;i++){					var oLi = document.Element('li');					oLi.className = 'pos'+gk.map[i];					this.oParent.appendChild(oLi);					if(gk.map[i]==3){						this.target[oLi.offsetLeft+'_'+oLi.offsetTop] = '1';					}				}				this.Man(gk);			},			Man:function(gk){				this.oP = document.Element('div');				this.oP.className = 'person2';				this.oP.x = gk.personPos.x;				this.oP.y = gk.personPos.y;				this.oP.style.left = this.oP.x*50+'px';				this.oP.style.top = this.oP.y*50+'px';				this.oParent.appendChild(this.oP);				this.Box(gk);			},			Box:function(gk){				for(var i=0;i<gk.boxPos.length;i++){					var oDiv = document.Element('div');					oDiv.className = 'box';					oDiv.style.left = gk.boxPos[i].x*50+'px';					oDiv.style.top = gk.boxPos[i].y*50+'px';					this.oParent.appendChild(oDiv);					this.boxs.push(oDiv);				}			},			personRun:function(iJons){				var gk = this.gk[this.num];				var map = gk.map;				var x = this.oP.x+iJons.x;				var y = this.oP.y+iJons.y;				var bx = x+iJons.x;				var by = y+iJons.y;				if(map[this.colsNum*y+x]==1){					return;				}				this.oP.x = x;				this.oP.y = y;				this.oP.style.left = this.oP.x*50+'px';				this.oP.style.top = this.oP.y*50+'px';				for(var i=0;i<this.boxs.length;i++){					if(this.impactCheck(this.oP,this.boxs[i])){						if(map[this.colsNum*by+bx] == 1){							this.oP.x = x-iJons.x;							this.oP.y = y-iJons.y;							this.oP.style.left = this.oP.x*50+'px';							this.oP.style.top = this.oP.y*50+'px';							return;						}						this.boxs[i].style.left = bx*50+'px';						this.boxs[i].style.top = by*50+'px';						for(var n=0;n<this.boxs.length;n++){							if(this.boxs[i]!=this.boxs[n] && this.impactCheck(this.boxs[i],this.boxs[n])){								this.oP.x = x-iJons.x;								this.oP.y = y-iJons.y;								this.oP.style.left = this.oP.x*50+'px';								this.oP.style.top = this.oP.y*50+'px';								this.boxs[i].style.left = (bx-iJons.x)*50+'px';								this.boxs[i].style.top = (by-iJons.y)*50+'px';								return;							}						}						if(this.target[this.boxs[i].offsetLeft+'_'+this.boxs[i].offsetTop]){							this.boxs[i].ok = true;							var sucLen = 0;							for(var n=0;n<this.boxs.length;n++){								if(this.boxs[n].ok){									sucLen++;								}							}							if(sucLen==this.boxs.length)this.nextLevel();						}else{							this.boxs[i].ok = false;						}						break;					}				}				if(this.preTmp)this.history.push(this.preTmp);				this.preTmp = {					boxPos:[]				};				this.preTmp.personPos = {					x:this.oP.x,					y:this.oP.y				}				for(var i=0;i<this.boxs.length;i++){					this.preTmp.boxPos[i] = {						x:this.boxs[i].offsetLeft,						y:this.boxs[i].offsetTop					}				}				if(this.history.length>20){					this.history.splice(0,1);				}			},			nextLevel:function(){				this.history = [];				this.target = [];				this.boxs = [];				this.oParent.innerHTML = '';				this.num++;				if(!this.gk[this.num]){					alert('恭喜你已经通过了所有关卡,可以下山了');					return false;				}				this.Map(this.gk[this.num]);			},			impactCheck:function(obj1,obj2){//碰撞检测				var l1 = obj1.offsetLeft;				var t1 = obj1.offsetTop;				var r1 = l1+obj1.offsetWidth;				var b1 = t1+obj1.offsetHeight;				var l2 = obj2.offsetLeft;				var t2 = obj2.offsetTop;				var r2 = l2+obj2.offsetWidth;				var b2 = t2+obj2.offsetHeight;				if(b1<=t2 || l1>=r2 || t1>=b2 || r1<=l2){					return false;				}else{					return true;				}			},			backPrevStep:function(){				var prevIndex = this.history.length-1;				if(!this.history[prevIndex])return;				var perPos = this.history[prevIndex].personPos;				var boxPos = this.history[prevIndex].boxPos;				this.history.splice(prevIndex,1);				this.oP.x = perPos.x;				this.oP.y = perPos.y;				this.oP.style.left = this.oP.x*50+'px';				this.oP.style.top = this.oP.y*50+'px';				for(var i=0;i<boxPos.length;i++){					this.boxs[i].style.left = boxPos[i].x+'px';					this.boxs[i].style.top = boxPos[i].y+'px';				}			},			ini:function(oParent,num){				this.num = num;				this.oParent = oParent;				var gk = this.gk[num];				this.Map(gk);				var self = this;				onkeyup = function(ev){					var oEvent = ev || event;					switch(oEvent.keyCode){						case 37://left							self.oP.className = 'person2';							self.personRun({x:-1,y:0});						break;						case 65://left							self.oP.className = 'person2';							self.personRun({x:-1,y:0});						break;						case 38://up							self.oP.className = 'person1';							self.personRun({x:0,y:-1});						break;						case 87://up							self.oP.className = 'person1';							self.personRun({x:0,y:-1});						break;						case 39://right							self.oP.className = 'person4';							self.personRun({x:1,y:0});						break;						case 68://right							self.oP.className = 'person4';							self.personRun({x:1,y:0});						break;						case 40://down							self.oP.className = 'person3';							self.personRun({x:0,y:1});						break;						case 83://down							self.oP.className = 'person3';							self.personRun({x:0,y:1});						break;						case 81://上一步							self.backPrevStep();						break;					}				}			}		}		BoxYouXi.ini(document.getElementById('yxbox'),0);

也许你还喜欢