新建一個地鼠的邏輯操做類:/src/Mole.jsjavascript
/** 知識點:代碼提示:刷新編輯器 */ var Mole = (function(){ function Mole(normalState,hitState,downY){ //正常狀態地鼠 this.normalState = normalState; //受擊狀態地鼠 this.hitState = hitState; //最低點的y座標 (到編輯界面中查找) this.downY = downY; //最高點的y座標 當前狀態的y座標 this.upY = this.normalState.y; //重至 this.reset(); //給常態圖添加點擊事件 第一個是事件 第二個是執行域 第三個執行的方法 this.normalState.on(Laya.Event.CLICK,this,this.hit) }; var _proto = Mole.prorotype; //重值 _proto.reset = function(){ //隱藏 this.normalState.visible = false; this.hitState.visible = false; //激活狀態 this.isActive = false; //顯示狀態 this.isShow = false; //受擊狀態 this.isHit = false; } //顯示 _proto.show = function(){ //若是是激活了不作任何事情 if(this.isActive)return ; this.isActive = true; this.isShow = true; //顯示地鼠 this.normalState.visible = true; //讓地鼠回到最低座標 this.normalState.y = this.downY; //讓地鼠緩衝出來 Laya.Tween.to(this.normalState,{y:this.upY},500,Laya.Ease.backOut,Laya.Handler.create(this,this.showComplete)); } //停留 _proto.showComplete = function(){ if(this.isShow && !this.isHit){ //讓地鼠停留2秒 第一個參數停留時間,第二個參數執行域,第三個是回調 Laya.timer.once(2000,this,this.hide) } } //消失 _proto.hide = function(){ if(this.isShow && !this.isHit){ this.isShow = false; Laya.Tween.to(this.normalState,{y:this.downY},300,Laya.Ease.backIn,Handler.create(this,this.reset)); } } //受擊 _proto.hit = function (){ if(this.isShow && !this.isHit){ this.isShow = false; this.isHit = true; //隱藏常態圖 顯示受擊圖 this.normalState.visible = false; this.hitState.visible = true; //清楚可能未被到時間的停留定時記 第一個參數是執行域 第二個參數是清楚的定時器方法 Laya.timer.clear(this,this.hide); //讓地鼠停留一會後消失 Laya.timer.once(500,this,this.reset); } } return Mole; })();