升级动画

src/pages/GamePage/Game.ts

@@ -11,7 +11,7 @@ import {Element} from "./Components/Element/Element.ts";
 import { Response, Body } from "detect-collisions";
 import gameStore from "@/store/gameStore.ts";
 import { ScoreBubble } from "@/pages/GamePage/Components/ScoreBubble.ts";
-import { reaction } from "mobx";
+import { IReactionDisposer, reaction } from "mobx";
 import { Ease, Tween } from "@/pages/GamePage/tween";
 
 export class Game extends Container {
@@ -22,12 +22,13 @@ export class Game extends Container {
 
   private elementMgr: ElementMgr;
 
+  lvDisposer: IReactionDisposer = null;
 
   constructor() {
     super();
     this.initUI();
 
-    reaction(
+    this.lvDisposer = reaction(
       () => gameStore.gameInfo.level,
       (level) => {
         if(level == 0) return;
@@ -37,7 +38,7 @@ export class Game extends Container {
         sp.anchor.set(0.5, 0.5);
         sp.scale.set(0, 0);
         Tween.get(sp.scale)
-          .to({ x: 1, y: 1 }, 222, Ease.backOut)
+          .to({ x: 1, y: 1 }, 444, Ease.backOut)
           .wait(1500)
           .call(() => {
             sp.removeFromParent();
@@ -125,8 +126,7 @@ export class Game extends Container {
   }
 
   destroy() {
-
-
+    this.lvDisposer();
     super.destroy();
   }
 }