fix: perform duplicate problem

Author: MakinoharaShoko

packages/webgal/src/Core/Modules/perform/performController.ts

@@ -18,6 +18,21 @@ export class PerformController {
   public timeoutList: Array<ReturnType<typeof setTimeout>> = [];
 
   public arrangeNewPerform(perform: IPerform, script: ISentence, syncPerformState = true) {
+    // 检查演出列表内是否有相同的演出，如果有，一定是出了什么问题
+    const dupPerformIndex = this.performList.findIndex((p) => p.performName === perform.performName);
+    if (dupPerformIndex > -1) {
+      // 结束并删除全部重复演出
+      for (let i = 0; i < this.performList.length; i++) {
+        const e = this.performList[i];
+        if (e.performName === perform.performName) {
+          e.stopFunction();
+          clearTimeout(e.stopTimeout as unknown as number);
+          this.performList.splice(i, 1);
+          i--;
+        }
+      }
+    }
+
     // 语句不执行演出
     if (perform.performName === 'none') {
       return;

packages/webgal/src/Core/gameScripts/playEffect.ts

@@ -56,14 +56,15 @@ export const playEffect = (sentence: ISentence): IPerform => {
         const seVol = mainVol * 0.01 * (userDataState.optionData?.seVolume ?? 100) * 0.01 * volume * 0.01;
         seElement.volume = seVol;
         seElement.currentTime = 0;
-        const perform = {
+        const perform: IPerform = {
           performName: performInitName,
           duration: 1000 * 60 * 60,
           isHoldOn: isLoop,
           skipNextCollect: true,
           stopFunction: () => {
             // 演出已经结束了，所以不用播放效果音了
             seElement.pause();
+            seElement.remove();
           },
           blockingNext: () => false,
           blockingAuto: () => {

packages/webgal/src/store/stageReducer.ts

@@ -124,6 +124,19 @@ const stageSlice = createSlice({
       }
     },
     addPerform: (state, action: PayloadAction<IRunPerform>) => {
+      // 先检查是否有重复的，全部干掉
+      const dupPerformIndex = state.PerformList.findIndex((p) => p.id === action.payload.id);
+      if (dupPerformIndex > -1) {
+        const dupId = action.payload.id;
+        // 删除全部重复演出
+        for (let i = 0; i < state.PerformList.length; i++) {
+          const performItem: IRunPerform = state.PerformList[i];
+          if (performItem.id === dupId) {
+            state.PerformList.splice(i, 1);
+            i--;
+          }
+        }
+      }
       state.PerformList.push(action.payload);
     },
     removePerformByName: (state, action: PayloadAction<string>) => {