Implement scene-based chapter quest progression

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 {buildMedievalNpcVisualFromCustomWorldVisual} from '../../data/medievalNpcVisuals';
 import {
   AnimationState,
   Character,
@@ -14,6 +15,7 @@ import {
   WorldType,
 } from '../../types';
 import {CharacterAnimator} from '../CharacterAnimator';
+import {MedievalNpcAnimator} from '../MedievalNpcAnimator';
 
 export type GameCanvasEntitySelection =
   | {kind: 'player'}
@@ -66,7 +68,6 @@ export const GENERIC_NPC_EFFECT_TARGET_OFFSET_PX = -16;
 export const HOSTILE_NPC_SCENE_INSET_PX = 28;
 export const HOSTILE_NPC_SCENE_BOTTOM_OFFSET_PX = -18;
 export const CHAT_BUBBLE_SPRITE_SRC = '/chat.png';
-export const OPENING_CAMP_OVERLAY_SRC = '/scene_bg/hut.png';
 export const CHAT_BUBBLE_FRAME_WIDTH = 27;
 export const CHAT_BUBBLE_FRAME_HEIGHT = 22;
 export const CHAT_BUBBLE_FRAME_COUNT = 12;
@@ -219,6 +220,17 @@ export function RoleCharacterSprite({
   state: AnimationState;
   facing: 'left' | 'right';
 }) {
+  if (character.visual) {
+    return (
+      <MedievalNpcAnimator
+        visualSpec={buildMedievalNpcVisualFromCustomWorldVisual(character.visual)}
+        className="origin-bottom"
+        scale={1.36}
+        facing={facing}
+      />
+    );
+  }
+
   return (
     <div className="h-full w-full" style={{transform: facing === 'left' ? 'scaleX(-1)' : undefined}}>
       <CharacterAnimator