1

src/custom/recycling/debug/app.js

@@ -51,15 +51,18 @@ function launchWithCustomModule(customModule) {
             const d = engine.gameStage.sceneContainer.getChildAt(0);
         }, 200);
 
-        setTimeout(() => {
-            engine.globalEvent.dispatchEvent('recycling-start', { time: 2 });
+        // setTimeout(() => {
+        //     engine.globalEvent.dispatchEvent('recycling-start', { time: 2 });
 
-            const d = engine.gameStage.sceneContainer.getChildAt(0);
-        }, 1000 * 10);
+        //     const d = engine.gameStage.sceneContainer.getChildAt(0);
+        // }, 1000 * 10);
     });
     engine.globalEvent.addEventListener('recycling-time-update', (e) => {
         console.log(e.type, e.data);
     });
+    engine.globalEvent.addEventListener('recycling-score-update', (e) => {
+        console.log(e.type, e.data);
+    });
     engine.globalEvent.addEventListener('recycling-game-end', (e) => {
         console.log(e.type, e.data);
     });

src/custom/recycling/src/game/GameView.ts

@@ -103,17 +103,22 @@ export default class GameView extends engine.Container {
     let idlerWheels = ['idler0', 'idler1', 'idler2', 'idler3', 'idler4', 'idler5', 'idler6'];
     idlerWheels = idlerWheels.map(i => this.uiMap[i]);
     idlerWheels.forEach(i => {
-      engine.Tween.get(i, { loop: true }).to({ rotation: 360 }, 3000);
+      engine.Tween.get(i, { loop: true }).to({ rotation: -360 }, 1000);
     })
   }
 
   stopAni() {
-
+    let idlerWheels = ['idler0', 'idler1', 'idler2', 'idler3', 'idler4', 'idler5', 'idler6'];
+    idlerWheels = idlerWheels.map(i => this.uiMap[i]);
+    idlerWheels.forEach(i => {
+      engine.Tween.removeTweens(i);
+    })
   }
 
   async start() {
     console.log('on start')
     this._timeCounter = 0;
+    this.score = 0;
 
     if (!getGuideInfo()) {
       await this.guide.startGuide();
@@ -122,8 +127,7 @@ export default class GameView extends engine.Container {
 
     await this.countdown.startCountDown();
 
-    this.playAni();
-
+    this.startGame();
 
     engine.globalEvent.dispatchEvent('recycling-time-update', {
       second: this.getSecond(),
@@ -134,25 +138,43 @@ export default class GameView extends engine.Container {
     }, 1000)
   }
 
-  getSecond() { 
-    
+  private startGame() {
+    this.playAni();
+    this.stage.addEventListener(engine.MouseEvent.CLICK, this.xxx, this);
+  }
+
+  private xxx() {
+    this.score++;
+    engine.globalEvent.dispatchEvent('recycling-score-update', {
+      score: this.score
+    });
+  }
+
+  private stopGame() {
+    this.stage.removeEventListener(engine.MouseEvent.CLICK, this.xxx, this);
+    this.stopAni();
+  }
+
+  getSecond() {
+
     return props.time - this._timeCounter
-   }
+  }
 
   onTimer() {
     this._timeCounter++;
     engine.globalEvent.dispatchEvent('recycling-time-update', {
       second: this.getSecond(),
     });
-    
+
     if (this.getSecond() == 0) {
       this.stop();
-      engine.globalEvent.dispatchEvent('recycling-game-end', { });
+      engine.globalEvent.dispatchEvent('recycling-game-end', {});
     }
   }
 
   stop() {
     clearInterval(this._timer);
+    this.stopGame();
   }
 
   setup() {