重新开始游戏的时候。onframe 里面多次执行，有叠加现象

kezhiyu

这里是链接，http://m.kezhiyu.danlu.net/game/377/#/home

1. $timeout(function(){
   
2. 
   
3.   init(frash ,"legend",width,height,main);
   
4. 
   
5.   if(LGlobal.canTouch){
   
6.                 LGlobal.stageScale = LStageScaleMode.EXACT_FIT;
   
7.                 LSystem.screen(LStage.FULL_SCREEN);
   
8.         }
   
9.         loadData = [
   
10. ];
    
11.                 function main(){
    
12.             var loadsound = true;
    
13.             var protocol = location.protocol;
    
14. 
    
15.             }
    
16. 
    
17.                         LLoadManage.load(loadData,null,gameInit);
    
18.                 }
    
19.                 function gameInit(result){
    
20.       console.log ('init')
    
21.             imglist = result;
    
22.             backLayer = new LSprite();
    
23.             addChild(backLayer);
    
24.             addBackGround();
    
25.             addPlayer();
    
26.             MySoundPlayer = new SoundPlayer();
    
27. 
    
28.             MySoundPlayer.loadSound();
    
29.             itemLayer= new LSprite();
    
30.             backLayer.addChild(itemLayer);
    
31.             startTime = new Date().getTime();
    
32.             addText();
    
33.             overLayer = new LSprite();
    
34.             backLayer.addChild(overLayer);
    
35.             pointLayer = new LSprite();
    
36.             backLayer.addChild(pointLayer);
    
37.             addEvent();
    
38.             addAvatar();
    
39.             MySoundPlayer.playSound("background");
    
40.     }
    
41. 
    
42. 
    
43.                 function addEvent(){
    
44.                   backLayer.addEventListener(LEvent.ENTER_FRAME,onframe1);
    
45.                   backLayer.addEventListener(LMouseEvent.MOUSE_DOWN,onDown);
    
46.                   backLayer.addEventListener(LMouseEvent.MOUSE_UP,onUp);
    
47.                   backLayer.addEventListener(LMouseEvent.MOUSE_MOVE,onMove);
    
48.                  
    
49.           }
    
50.           function onMove(event){
    
51.             backLayer.removeEventListener(LMouseEvent.MOUSE_DOWN,onDown);
    
52.             hero.x = event.selfX;
    
53.           }
    
54.                 function onDown(event){
    
55.       hero.x = event.selfX;
    
56.     }
    
57.                 function onUp(event){
    
58.             hero.x = event.selfX;
    
59.     //                                        hero.anime.setAction(0);
    
60.     }
    
61.                 function onframe1(){
    
62.                   time_limit = 3 * 1000 - new Date().getTime() + startTime
    
63.                   if (speed<2.4){
    
64.                      speed +=0.001;
    
65.                   }
    
66.                         for(var i=0;i<itemLayer.childList.length;i++){
    
67.                                 itemLayer.childList[i].run();
    
68.                                 if(itemLayer.childList[i].mode=="die"){
    
69.                                         itemLayer.removeChild(itemLayer.childList[i]);
    
70.                                 }
    
71.                         }
    
72.                         if (time_limit <20*1000 && time_limit>10 *1000){
    
73.                           createTime = 40
    
74.                         }
    
75.                         if (time_limit <10 *1000 && time_limit>0){
    
76.                           createTime = 10
    
77.                         }
    
78.                         var step = GetRandomNum(createTime/2,createTime);
    
79.                         console.log (step)
    
80.                         if(stepindex++ > step){
    
81.                                 stepindex = 0;
    
82.                                   addItem();
    
83.                         }
    
84.             if (time_limit <= 0){
    
85.               console.log (213123)
    
86.               backLayer.removeEventListener(LEvent.ENTER_FRAME,onframe1);
    
87.               backLayer.die();
    
88. 
    
89.                     D.score = point;
    
90.                     MySoundPlayer.background.stop()
    
91.                     removeChild(backLayer);
    
92.         D.game_end();
    
93.         return
    
94.             }
    
95.             console.log (123123123123123)
    
96.                         showText();
    
97.                 }
    
98. 
    
99.                 function addItem(){
    
100.             var item=new Item();
     
101.             item.x = 20 + Math.floor(Math.random()*(LGlobal.width - 50));
     
102.             item.scaleX = 0.7;
     
103.             item.scaleY = 0.7;
     
104.             itemLayer.addChild(item);
     
105.     }
     
106.     function addAvatar(){
     
107.       var avatar = new LBitmap(new LBitmapData(imglist['avatar']));
     
108.       pointLayer.x = 20;
     
109.       pointLayer.y = 20;
     
110.       var mask = new LSprite()
     
111.       mask.graphics.drawArc(4,"white",[33,33,35,0,Math.PI*2]);
     
112.       pointLayer.addChild(avatar);
     
113.       avatar.scaleX=0.5;
     
114.       avatar.scaleY=0.5;
     
115.       avatar.mask = mask
     
116. 
     
117. 
     
118.       
     
119.     }
     
120.                 function addText(){
     
121.                         hpTxt = new LTextField();
     
122.                         hpTxt.color = "white";
     
123.                         hpTxt.weight = "bolder"
     
124.                         hpTxt.size = 15;
     
125.                         hpTxt.x = width/2;
     
126.                         hpTxt.y = 10;
     
127.                         backLayer.addChild(hpTxt);
     
128.                        
     
129.                         pointTxt = new LTextField();
     
130.                         pointTxt.color = "white";
     
131.                         pointTxt.weight = "normal";
     
132.                         pointTxt.size = 15;
     
133.                         pointTxt.x = 110;
     
134.                         pointTxt.y = 40;
     
135.                         backLayer.addChild(pointTxt);
     
136.                        
     
137.                         timeTxt = new LTextField();
     
138.                         timeTxt.color = "white";
     
139.                         timeTxt.weight = "normal"
     
140.                         timeTxt.size = 25;
     
141.                         timeTxt.x = width/2-6;
     
142.                         timeTxt.y = 50;
     
143.                         backLayer.addChild(timeTxt);
     
144.                         showText();
     
145.                 }
     
146.                 function showText(){
     
147.                   hpTxt.text = "时间";
     
148.                   pointTxt.text = point;
     
149.                   var str = time_limit + "";
     
150.                   if (time_limit>0 && time_limit <1000){
     
151.                     timeTxt.text = "0" + str.substr(0,str.length - 3) + "." + str.substr(str.length - 3,2);
     
152.                   }
     
153.                   else if (time_limit>0){
     
154.               timeTxt.text = str.substr(0,str.length - 3) + "." + str.substr(str.length - 3,2);}
     
155.             else{
     
156.               timeTxt.text = "0.00"
     
157.             }
     
158.           }
     
159.                 function addPoints(type,goods){
     
160. 
     
161.       var getpoint = new GetPoint(type,goods)
     
162.       backLayer.addChild(getpoint)
     
163.                 }
     
164.                 function GetPoint(type,goods){
     
165.             var self = this;
     
166.             base(self,LSprite,[]);
     
167.                   var goodpointer = new LTextField();
     
168.                        
     
169.                         goodpointer.size = 15;
     
170.       if(type =='good'){
     
171.         goodpointer.text ="+5";
     
172.         goodpointer.color = "yellow";
     
173.       }
     
174.       if (type=='bad'){
     
175.         goodpointer.text ="-20";
     
176.         goodpointer.color = "red";
     
177.       }
     
178.             self.x = goods.x+5;
     
179.             self.y = goods.y-10;
     
180.             self.addChild(goodpointer)
     
181.             LTweenLite.to(self,2,
     
182.             {
     
183.                     y:goods.y-20,
     
184.                     alpha:0,
     
185.                     delay:0.3,
     
186.                     onComplete:function(obj){
     
187.                             obj.parent.removeChild(obj);
     
188.                     },
     
189.                     ease:Strong.easeOut
     
190.             });
     
191.     }
     
192. 
     
193.                 function addPlayer(){
     
194.                   playerLayer = new LSprite();
     
195.                   backLayer.addChild(playerLayer);
     
196.                   hero = new Player();
     
197.                   hero.x = 20;
     
198.                   hero.y = height-hero.getHeight();
     
199.                   playerLayer.addChild(hero);
     
200.           }
     
201.          function GetRandomNum(Min, Max){
     
202.       var Range = Max - Min;
     
203.       var Rand = Math.random();
     
204.       return(Min + Math.round(Rand * Range));
     
205.     }
     
206.                 function Item(){
     
207.             base(this,LSprite,[]);
     
208.             var self = this;
     
209.             self.mode="";
     
210.             self.y = LGlobal.height/4
     
211. 
     
212.             var index = Math.floor(Math.random()*10);
     
213.             self.value = index <8 ? 1:-1;
     
214.             var bitmap = new LBitmap(new LBitmapData(imglist["item"+index]));
     
215.             bitmap.x = -bitmap.getWidth()*0.5;
     
216.       bitmap.y = -bitmap.getHeight()*0.5;
     
217.       bitmap.scaleX = 0.8;
     
218.       bitmap.scaleY = 0.8;
     
219.             self.addChild(bitmap);
     
220.     }
     
221.     Item.prototype.run=function(){
     
222.        var extra_speed = 0
     
223.             var self=this;
     
224.             if(self.value<0){
     
225.         extra_speed = Math.floor(Math.random()*3);
     
226.       }
     
227.       console.log (speed)
     
228.             self.y += 2+speed+extra_speed;
     
229.             var hit = self.checkHit();
     
230.             if(hit || self.y > LGlobal.height-10){
     
231.                     self.mode="die";
     
232.             }
     
233.     }
     
234.     Item.prototype.checkHit=function(){
     
235.             var self=this;
     
236.             if(LGlobal.hitTestArc(self,hero)){
     
237.                     if(self.value >0){
     
238.                             point += 5;
     
239.                             addPoints('good',self)
     
240.                             MySoundPlayer.playSound("good");
     
241.                     }else{
     
242.                       if (point <= 20){
     
243.                         point = 0;
     
244.                       }
     
245.                       else{
     
246.                         point -= 20;
     
247.                       }
     
248.                             addPoints('bad',self)
     
249.                             MySoundPlayer.playSound("bad");
     
250.                     }
     
251.                     return true;
     
252.             }
     
253.             return false;
     
254.     }
     
255.                 function Player(){
     
256.             base(this,LSprite,[]);
     
257.             var self = this;
     
258.             self.mode = "";
     
259.             var list = LGlobal.divideCoordinate(256,256,4,4);
     
260.             var data = new LBitmap (new LBitmapData(imglist["player"]));
     
261.             self.addChild(data)
     
262.             data.scaleX=0.5;
     
263.             data.scaleY = 0.5;
     
264.     //                                        self.anime = new LAnimation(self,data,list);
     
265.             self.step = 2,self.stepindex = 0;
     
266.     }
     
267. },0)
     
268. 
     
269. 
     

复制代码

kezhiyu

因为 代码超过了 1W字。。所以删除了一些 东西。 出现的问题就是。比如 第一次 onframe 1秒 执行一次，但是第二次重新开始游戏 onframe 再一秒内 执行2此次。第三次重新开始游戏 onframe 在一秒内执行3次

lufy

kezhiyu 发表于 2016-11-21 17:33
因为 代码超过了 1W字。。所以删除了一些 东西。 出现的问题就是。比如 第一次 onframe 1秒 执行一次，但是 ...

重新开始，要保证之前添加过的ENTER_FRAME时间都已经清除掉了
否则，你加了两次，那速度自然就是两倍了

kezhiyu

lufy 发表于 2016-11-21 17:50
重新开始，要保证之前添加过的ENTER_FRAME时间都已经清除掉了
否则，你加了两次，那速度自然就是两倍了 ...

总共就添加了 一个 ENTER_FRAME 并且尝试清除但是没作用。 比如backLayer.removeEventListenerr(LEvent.ENTER_FRAME,onframe1);
用backLayer.hasEventListener（LEvent.ENTER_FRAME）查看。也显示的是 false ，是不是不止这个地方被注册了？可我只注册了这个backLayer

lufy

kezhiyu 发表于 2016-11-21 17:53
总共就添加了 一个 ENTER_FRAME 并且尝试清除但是没作用。 比如backLayer.removeEventListenerr(LEvent.EN ...

正常情况下，重新开始只要把画面上的对象清空，然后重新绘制一遍
你重新开始是的时候是怎么处理的？

kezhiyu

lufy 发表于 2016-11-22 12:24
正常情况下，重新开始只要把画面上的对象清空，然后重新绘制一遍
你重新开始是的时候是怎么处理的？
...

我的重新开始有点特殊， 页面的所有数据保存在数据库。然后通过 类似于javascript 的 apply执行一遍

          handle = new Function('$rootScope', '$scope', '$event', 'game', '$timeout', func_body)
          handle.apply($rootScope, [$rootScope, $scope, $event, D.game, $timeout])
其中 func_body 是 游戏的逻辑代码  
每次 页面跳转回来 都会执行一次 apply 一个页面可能有多个重复的闭包，但是打印的时候 调用的 实例都是独立的，并且 onframe 的那个function 也是新的 比如 页面 跳回三次。那么 就会有 3个最新的onfrme 同时监听

kezhiyu

下面两张图片。分别为 第一次执行 和第二次 执行，第二次比第一次 多了好几个

lufy

kezhiyu 发表于 2016-11-22 12:36
下面两张图片。分别为 第一次执行 和第二次 执行，第二次比第一次 多了好几个 ...

那init岂不是要执行多遍？
引擎的初始化，只需要执行一次，执行多次肯定是会出问题的

kezhiyu

lufy 发表于 2016-11-22 12:38
那init岂不是要执行多遍？
引擎的初始化，只需要执行一次，执行多次肯定是会出问题的 ...

那有什么办法能解决这个问题吗。。init 不是针对 canvas 的吗。我也尝试过 把整个canvas都删除了，没有效果
由于 angularjs 的 ng-if的效果 如果不重新init 是没办法 把指定 id 的 div 转化为canvas的

lufy

kezhiyu 发表于 2016-11-22 12:39
那有什么办法能解决这个问题吗。。init 不是针对 canvas 的吗。我也尝试过 把整个canvas都删除了，没有效 ...

你可以加个变量判断一下，如果已初始化就不要再执行一遍了
既然是初始化函数，肯定只能执行一遍啊