1

src/components/game-canvas/GameCanvasRuntime.tsx

@@ -2,6 +2,7 @@ import {useEffect, useLayoutEffect, useRef, useState} from 'react';
 
 import {resolveCompatibilityTemplateWorldType} from '../../data/customWorldRuntime';
 import {MONSTERS_BY_WORLD, PLAYER_BASE_X_METERS} from '../../data/hostileNpcs';
+import {resolveActiveSceneActBackgroundImage} from '../../services/customWorldSceneActRuntime';
 import {AnimationState, WorldType} from '../../types';
 import {GameCanvasEffectLayer} from './GameCanvasEffectLayer';
 import {GameCanvasEntityLayer} from './GameCanvasEntityLayer';
@@ -25,6 +26,8 @@ export function GameCanvasRuntime({
   encounter,
   currentScenePreset,
   worldType,
+  customWorldProfile = null,
+  storyEngineMemory = null,
   sceneHostileNpcs,
   playerX,
   playerOffsetY,
@@ -50,7 +53,16 @@ export function GameCanvasRuntime({
   const resolvedWorldType = worldType
     ? resolveCompatibilityTemplateWorldType(worldType) ?? WorldType.WUXIA
     : null;
-  const backgroundSrc = currentScenePreset?.imageSrc
+  const activeSceneActBackground =
+    currentScenePreset?.id
+      ? resolveActiveSceneActBackgroundImage({
+          profile: customWorldProfile,
+          sceneId: currentScenePreset.id,
+          storyEngineMemory,
+        })
+      : null;
+  const backgroundSrc = activeSceneActBackground
+    || currentScenePreset?.imageSrc
     || (resolvedWorldType === WorldType.WUXIA ? '/scene_bg/45_PixelSky.png' : '/scene_bg/47_PixelSky.png');
   const monsters = resolvedWorldType ? MONSTERS_BY_WORLD[resolvedWorldType] : [];
   const groundBottom = '18%';