Home Explore Help
Register Sign In
xiongzhu
/
O2OA
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: eb31216784
Branches Tags
O2OA
/
o2server
/
servers
/
webServer
/
x_component_Snake
/
Main.min.js

Main.min.js 8.4 KB
History Raw

1 
  1. MWF.xApplication.Snake.Main=new Class({Extends:MWF.xApplication.Common.Main,Implements:[Options,Events],options:{style:"default",name:"Snake",icon:"icon.png",width:"400",height:"500",isResize:false,isMax:false,title:MWF.xApplication.Snake.LP.title},onQueryLoad:function(){this.lp=MWF.xApplication.Snake.LP},createNode:function(){this.content.setStyle("overflow","hidden");this.node=new Element("div",{styles:this.css.contentNode}).inject(this.content)},loadApplication:function(t){this.createNode();var e=new Element("div",{styles:this.css.logoNode});e.inject(this.node);this.beginNode=new Element("div",{styles:this.css.beginNode,text:"Begin"}).inject(this.node);this.beginNode.addEvent("click",function(){this.beginGame()}.bind(this));this.addEvents({uncurrent:function(){if(this.interval){window.clearInterval(this.interval);delete this.interval;this.createPauseNode()}}.bind(this)})},createPauseNode:function(){this.pauseMarkNode=new Element("div",{styles:this.css.pauseMarkNode}).inject(this.gameNode);this.playNode=new Element("div",{styles:this.css.playNode}).inject(this.pauseMarkNode);this.playNode.position({relativeTo:this.gameNode,position:"center",edge:"center"});this.playNode.addEvents({click:function(){this.replay()}.bind(this),mouseover:function(t){this.setStyle("background-image","url("+"/x_component_Snake/$Main/default/play.png)")},mouseout:function(t){this.setStyle("background-image","url("+"/x_component_Snake/$Main/default/pause.png)")}})},replay:function(){if(this.pauseMarkNode){this.pauseMarkNode.destroy();delete this.pauseMarkNode}if(this.playNode){this.playNode.destroy();delete this.playNode}this.interval=window.setInterval(function(){this.move()}.bind(this),this.speed)},beginGameTimer:function(){var t=new Element("div",{styles:this.css.timerNode}).inject(this.gameNode);t.position({relativeTo:this.gameNode,position:"center",edge:"center"});var e=3;t.set("text",e);window.setTimeout(function(){this.setTimerNodeText(e,t)}.bind(this),1e3)},setTimerNodeText:function(t,e){t--;if(t>0){e.set("text",t);window.setTimeout(function(){this.setTimerNodeText(t,e)}.bind(this),1e3)}else{this.begin()}},beginGame:function(){this.node.empty();this.createInforNode();this.createGameNode();this.beginGameTimer();this.responseKeyboard()},createInforNode:function(){this.inforNode=new Element("div",{styles:this.css.inforNode}).inject(this.node);this.scoreNode=new Element("div",{styles:this.css.scoreNode}).inject(this.inforNode);this.scoreNode.set("text","score: 0");this.levelNode=new Element("div",{styles:this.css.levelNode}).inject(this.inforNode);this.levelNode.set("text","level: 1")},responseKeyboard:function(){this.keyboardEvents=new Keyboard({defaultEventType:"keyup",events:{up:function(){this.turn("up")}.bind(this),down:function(){this.turn("down")}.bind(this),left:function(){this.turn("left")}.bind(this),right:function(){this.turn("right")}.bind(this)}});this.keyboardEvents.activate()},turn:function(t){this.turns.push(t)},createGameNode:function(){this.gameNode=new Element("div",{styles:this.css.gameNode}).inject(this.node)},begin:function(){this.gameNode.empty();this.initGameParameters();this.drawEatPoint();this.beginMove()},beginMove:function(){this.interval=window.setInterval(function(){this.move()}.bind(this),this.speed)},move:function(){this.snakePoints.each(function(t){t.move()}.bind(this))},drawEatPoint:function(){var t=this.eatPoint.x*10;var e=this.eatPoint.y*10;this.eatPointNode=new Element("div",{styles:this.css.eatPointNode}).inject(this.gameNode);this.eatPointNode.setPosition({x:this.relativePosition.x+t+this.border.x,y:this.relativePosition.y+e+this.border.y})},initGameParameters:function(){this.score=0;this.level=1;this.levelUpCount=8;this.direction="right";this.speed=200;this.maxX=35;this.maxY=41;this.turns=[];this.relativePosition=this.gameNode.getPosition(this.gameNode.getOffsetParent());this.border={x:this.gameNode.getStyle("border-left-width").toInt(),y:this.gameNode.getStyle("border-top-width").toInt()};this.snakePoints=[new MWF.xApplication.SnakePoint({x:8,y:0},0,"right",this),new MWF.xApplication.SnakePoint({x:7,y:0},1,"right",this),new MWF.xApplication.SnakePoint({x:6,y:0},2,"right",this),new MWF.xApplication.SnakePoint({x:5,y:0},3,"right",this),new MWF.xApplication.SnakePoint({x:4,y:0},4,"right",this),new MWF.xApplication.SnakePoint({x:3,y:0},5,"right",this),new MWF.xApplication.SnakePoint({x:2,y:0},6,"right",this),new MWF.xApplication.SnakePoint({x:1,y:0},7,"right",this),new MWF.xApplication.SnakePoint({x:0,y:0},8,"right",this)];this.eatPoint=this.getEatPoint()},getEatPoint:function(){var t=(Math.random()*this.maxX).toInt();var e=(Math.random()*this.maxY).toInt();var i=true;for(var n=0;n<this.snakePoints.length;n++){var s=this.snakePoints[n];if(t==s.point.x&&e==s.point.y){i=false;break}}if(i){return{x:t,y:e}}else{return this.getEatPoint()}},lengthen:function(){var t=this.snakePoints.length;var e=this.snakePoints[this.snakePoints.length-1];var i=e.direction;var n=Object.clone(e.point);var s=new MWF.xApplication.SnakePoint(n,t,i,this);e.turns.each(function(t){var e={position:{x:t.position.x,y:t.position.y},direction:t.direction};s.turns.push(e)});this.snakePoints.push(s);this.eatPointNode.destroy();this.eatPoint=this.getEatPoint();this.drawEatPoint();this.score=this.score+100*this.level;this.scoreNode.set("text","score: "+this.score);if(this.level<10){this.levelUpCount--;if(this.levelUpCount<=0)this.levelUp()}},levelUp:function(){this.levelUpCount=8;this.level++;this.speed=this.speed-16;this.levelNode.set("text","level: "+this.level);window.clearInterval(this.interval);this.interval=window.setInterval(function(){this.move()}.bind(this),this.speed)},gameOver:function(){window.clearInterval(this.interval);delete this.interval;this.createGameOverNode()},createGameOverNode:function(){this.gemeOverMarkNode=new Element("div",{styles:this.css.gemeOverMarkNode}).inject(this.gameNode);this.gameOverNode=new Element("div",{styles:this.css.gameOverNode,text:"Game Over"}).inject(this.gameNode);this.gameOverNode.position({relativeTo:this.gameNode,position:"center",edge:"center",offset:{x:0,y:-80}});this.replayNode=new Element("div",{styles:this.css.replayNode,text:"Replay"}).inject(this.gameNode);this.replayNode.position({relativeTo:this.gameNode,position:"center",edge:"center",offset:{x:0,y:40}});this.replayNode.addEvent("click",function(){this.beginGame()}.bind(this))}});MWF.xApplication.SnakePoint=new Class({initialize:function(t,e,i,n){this.snake=n;this.point=t;this.index=e;this.direction=i;this.turns=[];this.draw()},draw:function(){this.node=new Element("div",{styles:this.snake.css.snakePointNode}).inject(this.snake.gameNode);var t=this.point.x*10;var e=this.point.y*10;this.node.setPosition({x:this.snake.relativePosition.x+t+this.snake.border.x,y:this.snake.relativePosition.y+e+this.snake.border.y})},checkPointDirection:function(){turn=this.turns[0];if(this.point.x==turn.position.x&&this.point.y==turn.position.y){this.direction=turn.direction;this.turns.shift()}},checkSnakeDirection:function(){if(this.snake.turns.length){var t=this.snake.turns.shift();switch(t){case"right":if(this.direction=="right"||this.direction=="left")return false;break;case"left":if(this.direction=="right"||this.direction=="left")return false;break;case"up":if(this.direction=="up"||this.direction=="down")return false;break;case"down":if(this.direction=="up"||this.direction=="down")return false;break}this.direction=t;this.snake.snakePoints.each(function(t){if(t!=this){t.turns.push({position:Object.clone(this.point),direction:this.direction})}}.bind(this))}},move:function(){if(this.turns.length){this.checkPointDirection()}else{this.checkSnakeDirection()}switch(this.direction){case"right":this.point.x++;if(this.point.x>this.snake.maxX)this.point.x=0;break;case"left":this.point.x--;if(this.point.x<0)this.point.x=this.snake.maxX;break;case"up":this.point.y--;if(this.point.y<0)this.point.y=this.snake.maxY;break;case"down":this.point.y++;if(this.point.y>this.snake.maxY)this.point.y=0;break}if(this.checkOver()){this.checkLengthen();this.reDraw()}else{this.snake.gameOver()}},checkLengthen:function(){if(this.index==0){if(this.point.x==this.snake.eatPoint.x&&this.point.y==this.snake.eatPoint.y){this.snake.lengthen()}}},checkOver:function(){if(this.index!=0)return true;for(var t=1;t<this.snake.snakePoints.length;t++){var e=this.snake.snakePoints[t];if(this.point.x==e.point.x&&this.point.y==e.point.y)return false}return true},reDraw:function(){var t=this.point.x*10;var e=this.point.y*10;this.node.setPosition({x:this.snake.relativePosition.x+t+this.snake.border.x,y:this.snake.relativePosition.y+e+this.snake.border.y})}});
    2.