fix: remove animation before set effect

Author: HardyNLee

packages/webgal/src/Core/controller/stage/pixi/PixiController.ts

@@ -303,6 +303,11 @@ export default class PixiStage {
     this.removeAnimationByIndex(index);
   }
 
+  public removeAnimationByTargetKey(targetKey: string) {
+    const index = this.stageAnimations.findIndex((e) => e.targetKey === targetKey);
+    this.removeAnimationByIndex(index);
+  }
+
   public removeAnimationWithSetEffects(key: string) {
     const index = this.stageAnimations.findIndex((e) => e.key === key);
     if (index >= 0) {

packages/webgal/src/Core/util/syncWithEditor/webSocketFunc.ts

@@ -120,6 +120,7 @@ export const webSocketFunc = () => {
             ...(effect.transform?.scale ?? {}),
           },
         };
+        WebGAL.gameplay.pixiStage?.removeAnimationByTargetKey(effect.target);
         webgalStore.dispatch(stageActions.updateEffect({ target: effect.target, transform: newTransform }));
       } catch (e) {
         logger.error(`无法设置效果 ${message.message}, ${e}`);