feat: 前端改为通过签名地址读取生成资源

src/components/game-canvas/GameCanvasShared.tsx

@@ -2,6 +2,7 @@ import React, {useEffect, useState} from 'react';
 
 import {getCharacterById} from '../../data/characterPresets';
 import {METERS_TO_PIXELS} from '../../data/hostileNpcs';
+import { useResolvedAssetReadUrl } from '../../hooks/useResolvedAssetReadUrl';
 import {
   buildMedievalNpcVisual,
   buildMedievalNpcVisualFromCustomWorldVisual,
@@ -266,6 +267,15 @@ export function SceneEncounterNpcSprite({
   facing: 'left' | 'right';
   className?: string;
 }) {
+  const rawEncounterImageSrc = encounter.imageSrc?.trim() ?? '';
+  const {
+    resolvedUrl: resolvedEncounterImageSrc,
+    shouldResolve: shouldResolveEncounterImage,
+  } = useResolvedAssetReadUrl(rawEncounterImageSrc);
+  const displayEncounterImageSrc =
+    resolvedEncounterImageSrc
+    || (!shouldResolveEncounterImage ? rawEncounterImageSrc : '');
+
   if (encounter.visual) {
     return (
       <MedievalNpcAnimator
@@ -277,10 +287,14 @@ export function SceneEncounterNpcSprite({
     );
   }
 
-  if (encounter.imageSrc?.trim()) {
+  if (rawEncounterImageSrc && shouldResolveEncounterImage && !displayEncounterImageSrc) {
+    return <div className={`h-full w-full ${className ?? ''}`.trim()} />;
+  }
+
+  if (displayEncounterImageSrc) {
     return (
       <img
-        src={encounter.imageSrc.trim()}
+        src={displayEncounterImageSrc}
         alt={encounter.npcName}
         className={`h-full w-full object-contain ${className ?? ''}`.trim()}
         style={{