chore:remove sceneIndex & add costume's config in backdrop

spx-gui/src/class/backdrop.ts

@@ -1,8 +1,8 @@
 /*
  * @Author: TuGitee [email protected]
  * @Date: 2024-01-19 21:53:50
- * @LastEditors: xuning [email protected]
- * @LastEditTime: 2024-02-06 12:52:11
+ * @LastEditors: Zhang Zhi Yang
+ * @LastEditTime: 2024-02-19 09:10:03
  * @FilePath: /spx-gui/src/class/backdrop.ts
  * @Description: The class of a backdrop.
  */
@@ -122,46 +122,9 @@ export class Backdrop extends AssetBase {
                 "path": file.name
             })),
             "zorder": useProjectStore().project?.sprite.list.map(sprite => sprite.name) || [],
-            "sceneIndex": 0
         }
     }
 
-    /**
-     * Get the current scene index.
-     */
-    get currentSceneIndex(): number {
-        return this.config.sceneIndex ?? 0
-    }
-
-    /**
-     * Set the current scene index.
-     */
-    set currentSceneIndex(index: number) {
-        if (!this.config.scenes[index]) {
-            throw new Error(`Scene ${index} does not exist.`)
-        }
-        this.config.sceneIndex = index
-    }
-
-    /**
-     * Get the current scene.
-     */
-    get currentScene() {
-        return this.config.scenes[this.currentSceneIndex]
-    }
-
-    /**
-     * Get the current scene with config.
-     */
-    get currentSceneConfig(): Scene {
-        const scene = this.currentScene
-        return Object.assign({}, scene, {
-            index: this.currentSceneIndex,
-            file: this.files[this.currentSceneIndex],
-            url: this.files[this.currentSceneIndex].url
-        })
-    }
-
     /**
      * Get the directory of the backdrop.
      */

spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue

@@ -7,9 +7,9 @@
  * @Description:
 -->
 <template>
-    <input type="file" @change="add" accept=".zip">
     <div style="display: flex;">
         <div>
+            <input type="file" @change="add" accept=".zip">
             <p>show in stage viewer</p>
             <template v-for="sprite in sprites" :key="sprite.name">
                 <button :style="currentSpriteNames.includes(sprite.name) ? { color: 'blue' } : {}"
@@ -44,7 +44,8 @@
                 @update:value="(val) => { currentSprite && currentSprite.setCy(val as number) }"></n-input-number>
             <n-switch v-model:value="visible" @update:value="(val) => { currentSprite && currentSprite.setVisible(val) }" />
         </div>
-        <StageViewer @onSpritesDragEnd="onDragEnd" :currentSpriteNames="currentSpriteNames" :project="(project as Project)" />
+        <StageViewer @onSpritesDragEnd="onDragEnd" :currentSpriteNames="currentSpriteNames"
+            :project="(project as Project)" />
     </div>
 </template>
 <script setup lang="ts">

spx-gui/src/interface/file.ts

@@ -1,9 +1,9 @@
 /*
  * @Author: TuGitee [email protected]
  * @Date: 2024-01-24 21:42:28
- * @LastEditors: TuGitee [email protected]
- * @LastEditTime: 2024-01-25 14:32:14
- * @FilePath: \builder\spx-gui\src\interface\file.ts
+ * @LastEditors: Zhang Zhi Yang
+ * @LastEditTime: 2024-02-19 09:05:07
+ * @FilePath: /spx-gui/src/interface/file.ts
  * @Description: The interface of file.
  */
 
@@ -164,15 +164,21 @@ export interface BackdropConfig extends Config {
     /**
      * The image of the backdrop.
      */
-    scenes: Scene[];
+    scenes?: Scene[];
 
     /**
      * The sprite zorder in the stage, the later Sprite will be above the previous Sprite, which means that the later Sprite will override the previous Sprite.
      */
     zorder: string[];
 
     /**
-     * The index of the current scene.
+     * The costume of the backdrop
      */
-    sceneIndex?: number;
+    costumes?: Costume[];
+
+    /**
+     * The index of the current costume.
+     */
+    currentCostumeIndex?: number;
+
 }