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%';

src/components/game-canvas/GameCanvasShared.tsx

@@ -9,9 +9,11 @@ import {
   CombatActionMode,
   CombatVisualEffect,
   CompanionRenderState,
+  CustomWorldProfile,
   Encounter,
   SceneHostileNpc,
   ScenePresetInfo,
+  StoryEngineMemoryState,
   WorldType,
 } from '../../types';
 import {CharacterAnimator} from '../CharacterAnimator';
@@ -29,6 +31,8 @@ export interface GameCanvasProps {
   encounter: Encounter | null;
   currentScenePreset: ScenePresetInfo | null;
   worldType: WorldType | null;
+  customWorldProfile?: CustomWorldProfile | null;
+  storyEngineMemory?: StoryEngineMemoryState | null;
   sceneHostileNpcs: SceneHostileNpc[];
   playerX: number;
   playerOffsetY: number;