From 271c909398fd1fcf798f7c3f8793330ccaadf98f Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Sun, 14 Jun 2026 17:39:07 +0800
Subject: [PATCH] feat: engine utils, editor and asset prefix improvements

---
 editor/App.vue                   | 3 ++-
 engine/utils.ts                  | 6 ++++++
 src/composables/useGameEngine.ts | 8 +-------
 3 files changed, 9 insertions(+), 8 deletions(-)
 create mode 100644 engine/utils.ts

diff --git a/editor/App.vue b/editor/App.vue
index e1e6f3d..61423ca 100644
--- a/editor/App.vue
+++ b/editor/App.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import type { GameData, SceneNode } from '@engine/types'
+import { resolveAsset } from '@engine/utils'
 import { useGraphEditor } from './composables/useGraphEditor'
 import SceneGraph from './components/SceneGraph.vue'
 import NodeEditor from './components/NodeEditor.vue'
@@ -21,7 +22,7 @@ const selectedScene = computed<SceneNode | null>(() => {
 const previewVideoUrl = computed(() => {
   const url = selectedScene.value?.videoUrl
   if (!url) return null
-  return url.startsWith('/') ? url : '/' + url
+  return resolveAsset(editor.gameData.value.assetBase || '', url)
 })
 
 function newNode() {
diff --git a/engine/utils.ts b/engine/utils.ts
new file mode 100644
index 0000000..ac745ea
--- /dev/null
+++ b/engine/utils.ts
@@ -0,0 +1,6 @@
+export function resolveAsset(base: string, path: string): string {
+  if (!path || path.startsWith('http://') || path.startsWith('https://') || path.startsWith('data:')) return path
+  const b = base.endsWith('/') ? base.slice(0, -1) : base
+  const p = path.startsWith('/') ? path : '/' + path
+  return b + p
+}
diff --git a/src/composables/useGameEngine.ts b/src/composables/useGameEngine.ts
index 6e2219c..2e2305b 100644
--- a/src/composables/useGameEngine.ts
+++ b/src/composables/useGameEngine.ts
@@ -4,6 +4,7 @@ import { SaveSystem } from '@engine/systems/SaveSystem'
 import type { GameData } from '@engine/types'
 import { useGameStore } from '@/stores/gameStore'
 import { useI18n } from '@/composables/useI18n'
+import { resolveAsset } from '@engine/utils'
 
 export function useGameEngine(videoEls: () => [HTMLVideoElement | null, HTMLVideoElement | null]) {
   const engine = new Engine()
@@ -120,13 +121,6 @@ export function useGameEngine(videoEls: () => [HTMLVideoElement | null, HTMLVide
     store.setVideoTime(t)
   })
 
-  function resolveAsset(base: string, path: string): string {
-    if (!path || path.startsWith('http://') || path.startsWith('https://') || path.startsWith('data:')) return path
-    const b = base.endsWith('/') ? base.slice(0, -1) : base
-    const p = path.startsWith('/') ? path : '/' + path
-    return b + p
-  }
-
   function applyAssetBase(data: GameData) {
     const base = data.assetBase || ''
     if (!base) return