@almadar/ui 5.55.0 → 5.56.0

package/dist/components/game/molecules/three/index.js

@@ -2559,6 +2559,8 @@ var GameCanvas3D = forwardRef(
     attackTargets = [],
     selectedTileIds = [],
     selectedUnitId = null,
+    unitScale = 1,
+    scale = 0.45,
     children
   }, ref) => {
     const containerRef = useRef(null);
@@ -2775,12 +2777,18 @@ var GameCanvas3D = forwardRef(
       },
       [selectedTileIds, hoveredTile, validMoves, attackTargets, handleTileClick, handleTileHover]
     );
+    const UNIT_BASE_MODEL_SCALE = 0.5;
+    const UNIT_BASE_BILLBOARD_HEIGHT = 1.2;
+    const UNIT_BASE_PRIMITIVE_RADIUS = 0.3;
     const DefaultUnitRenderer = useCallback(
       ({ unit, position }) => {
         const isSelected = selectedUnitId === unit.id;
         const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
         const hasAtlas = unitAtlasUrl(unit) !== null;
         const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
+        const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
+        const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
+        const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
         return /* @__PURE__ */ jsxs(
           "group",
           {
@@ -2798,7 +2806,8 @@ var GameCanvas3D = forwardRef(
                   UnitSpriteBillboard,
                   {
                     sheetUrl: initialFrame.sheetUrl,
-                    resolveFrame: () => resolveUnitFrame(unit.id)
+                    resolveFrame: () => resolveUnitFrame(unit.id),
+                    height: billboardHeight
                   }
                 ) })
               ) : unit.modelUrl ? (
@@ -2807,22 +2816,22 @@ var GameCanvas3D = forwardRef(
                   ModelLoader,
                   {
                     url: unit.modelUrl,
-                    scale: 0.5,
+                    scale: modelScale,
                     fallbackGeometry: "box",
                     castShadow: true
                   }
                 )
               ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs("mesh", { position: [0, 0.3, 0], children: [
-                  /* @__PURE__ */ jsx("cylinderGeometry", { args: [0.3, 0.3, 0.1, 8] }),
+                /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius, 0], children: [
+                  /* @__PURE__ */ jsx("cylinderGeometry", { args: [primitiveRadius, primitiveRadius, primitiveRadius * 0.33, 8] }),
                   /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                 ] }),
-                /* @__PURE__ */ jsxs("mesh", { position: [0, 0.6, 0], children: [
-                  /* @__PURE__ */ jsx("capsuleGeometry", { args: [0.2, 0.4, 4, 8] }),
+                /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 2, 0], children: [
+                  /* @__PURE__ */ jsx("capsuleGeometry", { args: [primitiveRadius * 0.67, primitiveRadius * 1.33, 4, 8] }),
                   /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                 ] }),
-                /* @__PURE__ */ jsxs("mesh", { position: [0, 0.9, 0], children: [
-                  /* @__PURE__ */ jsx("sphereGeometry", { args: [0.12, 8, 8] }),
+                /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 3, 0], children: [
+                  /* @__PURE__ */ jsx("sphereGeometry", { args: [primitiveRadius * 0.4, 8, 8] }),
                   /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                 ] })
               ] }),
@@ -2855,7 +2864,7 @@ var GameCanvas3D = forwardRef(
           }
         );
       },
-      [selectedUnitId, handleUnitClick, resolveUnitFrame]
+      [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
     );
     const DefaultFeatureRenderer = useCallback(
       ({
@@ -2998,33 +3007,35 @@ var GameCanvas3D = forwardRef(
                         fadeStrength: 1
                       }
                     ),
-                    tiles.map((tile, index) => {
-                      const position = gridToWorld2(
-                        tile.x,
-                        tile.z ?? tile.y ?? 0,
-                        tile.elevation ?? 0
-                      );
-                      const Renderer = CustomTileRenderer || DefaultTileRenderer;
-                      return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
-                    }),
-                    features.map((feature, index) => {
-                      const position = gridToWorld2(
-                        feature.x,
-                        feature.z ?? feature.y ?? 0,
-                        (feature.elevation ?? 0) + 0.5
-                      );
-                      const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
-                      return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
-                    }),
-                    units.map((unit) => {
-                      const position = gridToWorld2(
-                        unit.x ?? 0,
-                        unit.z ?? unit.y ?? 0,
-                        (unit.elevation ?? 0) + 0.5
-                      );
-                      const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
-                      return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
-                    }),
+                    /* @__PURE__ */ jsxs("group", { scale, children: [
+                      tiles.map((tile, index) => {
+                        const position = gridToWorld2(
+                          tile.x,
+                          tile.z ?? tile.y ?? 0,
+                          tile.elevation ?? 0
+                        );
+                        const Renderer = CustomTileRenderer || DefaultTileRenderer;
+                        return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
+                      }),
+                      features.map((feature, index) => {
+                        const position = gridToWorld2(
+                          feature.x,
+                          feature.z ?? feature.y ?? 0,
+                          (feature.elevation ?? 0) + 0.5
+                        );
+                        const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
+                        return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
+                      }),
+                      units.map((unit) => {
+                        const position = gridToWorld2(
+                          unit.x ?? 0,
+                          unit.z ?? unit.y ?? 0,
+                          (unit.elevation ?? 0) + 0.5
+                        );
+                        const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
+                        return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
+                      })
+                    ] }),
                     children,
                     /* @__PURE__ */ jsx(
                       OrbitControls,
@@ -4212,6 +4223,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -4312,6 +4325,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -4552,32 +4567,36 @@ var Box = React11.forwardRef(
   }
 );
 Box.displayName = "Box";
+var CDN = "https://almadar-kflow-assets.web.app/shared/3d/dungeon/floor";
+var FLOOR_WALL = `${CDN}/template-floor-detail-a.glb`;
+var FLOOR_DIRT = `${CDN}/template-floor-detail.glb`;
+var FLOOR_OPEN = `${CDN}/template-floor.glb`;
 var DEFAULT_3D_BATTLE_TILES = [
-  { id: "t00", x: 0, y: 0, z: 0, type: "stone", passable: false },
-  { id: "t10", x: 1, y: 0, z: 0, type: "stone", passable: false },
-  { id: "t20", x: 2, y: 0, z: 0, type: "stone", passable: false },
-  { id: "t30", x: 3, y: 0, z: 0, type: "stone", passable: false },
-  { id: "t40", x: 4, y: 0, z: 0, type: "stone", passable: false },
-  { id: "t01", x: 0, y: 1, z: 1, type: "stone", passable: false },
-  { id: "t11", x: 1, y: 1, z: 1, type: "dirt", passable: true },
-  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
-  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
-  { id: "t41", x: 4, y: 1, z: 1, type: "stone", passable: false },
-  { id: "t02", x: 0, y: 2, z: 2, type: "stone", passable: false },
-  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
-  { id: "t22", x: 2, y: 2, z: 2, type: "dirt", passable: true },
-  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
-  { id: "t42", x: 4, y: 2, z: 2, type: "stone", passable: false },
-  { id: "t03", x: 0, y: 3, z: 3, type: "stone", passable: false },
-  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
-  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
-  { id: "t33", x: 3, y: 3, z: 3, type: "dirt", passable: true },
-  { id: "t43", x: 4, y: 3, z: 3, type: "stone", passable: false },
-  { id: "t04", x: 0, y: 4, z: 4, type: "stone", passable: false },
-  { id: "t14", x: 1, y: 4, z: 4, type: "stone", passable: false },
-  { id: "t24", x: 2, y: 4, z: 4, type: "stone", passable: false },
-  { id: "t34", x: 3, y: 4, z: 4, type: "stone", passable: false },
-  { id: "t44", x: 4, y: 4, z: 4, type: "stone", passable: false }
+  { id: "t00", x: 0, y: 0, z: 0, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t10", x: 1, y: 0, z: 0, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t20", x: 2, y: 0, z: 0, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t30", x: 3, y: 0, z: 0, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t40", x: 4, y: 0, z: 0, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t01", x: 0, y: 1, z: 1, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t11", x: 1, y: 1, z: 1, type: "dirt", passable: true, modelUrl: FLOOR_DIRT },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t41", x: 4, y: 1, z: 1, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t02", x: 0, y: 2, z: 2, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t22", x: 2, y: 2, z: 2, type: "dirt", passable: true, modelUrl: FLOOR_DIRT },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t42", x: 4, y: 2, z: 2, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t03", x: 0, y: 3, z: 3, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true, modelUrl: FLOOR_OPEN },
+  { id: "t33", x: 3, y: 3, z: 3, type: "dirt", passable: true, modelUrl: FLOOR_DIRT },
+  { id: "t43", x: 4, y: 3, z: 3, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t04", x: 0, y: 4, z: 4, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t14", x: 1, y: 4, z: 4, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t24", x: 2, y: 4, z: 4, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t34", x: 3, y: 4, z: 4, type: "stone", passable: false, modelUrl: FLOOR_WALL },
+  { id: "t44", x: 4, y: 4, z: 4, type: "stone", passable: false, modelUrl: FLOOR_WALL }
 ];
 var DEFAULT_3D_BATTLE_FEATURES = [
   { id: "f1", x: 2, y: 2, z: 2, type: "gold_mine", color: "#f4c542" },
@@ -4596,6 +4615,8 @@ function GameCanvas3DBattleTemplate({
   attackEvent,
   playAgainEvent,
   gameEndEvent,
+  unitScale,
+  scale,
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
@@ -4616,6 +4637,8 @@ function GameCanvas3DBattleTemplate({
             features,
             cameraMode,
             backgroundColor,
+            unitScale,
+            scale,
             tileClickEvent,
             unitClickEvent,
             endTurnEvent,
@@ -4646,32 +4669,36 @@ function GameCanvas3DBattleTemplate({
   );
 }
 GameCanvas3DBattleTemplate.displayName = "GameCanvas3DBattleTemplate";
+var CDN2 = "https://almadar-kflow-assets.web.app/shared/3d/dungeon/floor";
+var FLOOR_WALL2 = `${CDN2}/template-floor-detail-a.glb`;
+var FLOOR_DIRT2 = `${CDN2}/template-floor-detail.glb`;
+var FLOOR_OPEN2 = `${CDN2}/template-floor.glb`;
 var DEFAULT_3D_CASTLE_TILES = [
-  { id: "t00", x: 0, y: 0, z: 0, type: "wall", passable: false },
-  { id: "t10", x: 1, y: 0, z: 0, type: "wall", passable: false },
-  { id: "t20", x: 2, y: 0, z: 0, type: "wall", passable: false },
-  { id: "t30", x: 3, y: 0, z: 0, type: "wall", passable: false },
-  { id: "t40", x: 4, y: 0, z: 0, type: "wall", passable: false },
-  { id: "t01", x: 0, y: 1, z: 1, type: "wall", passable: false },
-  { id: "t11", x: 1, y: 1, z: 1, type: "floor", passable: true },
-  { id: "t21", x: 2, y: 1, z: 1, type: "floor", passable: true },
-  { id: "t31", x: 3, y: 1, z: 1, type: "floor", passable: true },
-  { id: "t41", x: 4, y: 1, z: 1, type: "wall", passable: false },
-  { id: "t02", x: 0, y: 2, z: 2, type: "wall", passable: false },
-  { id: "t12", x: 1, y: 2, z: 2, type: "floor", passable: true },
-  { id: "t22", x: 2, y: 2, z: 2, type: "floor", passable: true },
-  { id: "t32", x: 3, y: 2, z: 2, type: "floor", passable: true },
-  { id: "t42", x: 4, y: 2, z: 2, type: "wall", passable: false },
-  { id: "t03", x: 0, y: 3, z: 3, type: "wall", passable: false },
-  { id: "t13", x: 1, y: 3, z: 3, type: "floor", passable: true },
-  { id: "t23", x: 2, y: 3, z: 3, type: "floor", passable: true },
-  { id: "t33", x: 3, y: 3, z: 3, type: "floor", passable: true },
-  { id: "t43", x: 4, y: 3, z: 3, type: "wall", passable: false },
-  { id: "t04", x: 0, y: 4, z: 4, type: "wall", passable: false },
-  { id: "t14", x: 1, y: 4, z: 4, type: "wall", passable: false },
-  { id: "t24", x: 2, y: 4, z: 4, type: "wall", passable: false },
-  { id: "t34", x: 3, y: 4, z: 4, type: "wall", passable: false },
-  { id: "t44", x: 4, y: 4, z: 4, type: "wall", passable: false }
+  { id: "t00", x: 0, y: 0, z: 0, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t10", x: 1, y: 0, z: 0, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t20", x: 2, y: 0, z: 0, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t30", x: 3, y: 0, z: 0, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t40", x: 4, y: 0, z: 0, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t01", x: 0, y: 1, z: 1, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t11", x: 1, y: 1, z: 1, type: "floor", passable: true, modelUrl: FLOOR_DIRT2 },
+  { id: "t21", x: 2, y: 1, z: 1, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t31", x: 3, y: 1, z: 1, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t41", x: 4, y: 1, z: 1, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t02", x: 0, y: 2, z: 2, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t12", x: 1, y: 2, z: 2, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t22", x: 2, y: 2, z: 2, type: "floor", passable: true, modelUrl: FLOOR_DIRT2 },
+  { id: "t32", x: 3, y: 2, z: 2, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t42", x: 4, y: 2, z: 2, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t03", x: 0, y: 3, z: 3, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t13", x: 1, y: 3, z: 3, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t23", x: 2, y: 3, z: 3, type: "floor", passable: true, modelUrl: FLOOR_OPEN2 },
+  { id: "t33", x: 3, y: 3, z: 3, type: "floor", passable: true, modelUrl: FLOOR_DIRT2 },
+  { id: "t43", x: 4, y: 3, z: 3, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t04", x: 0, y: 4, z: 4, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t14", x: 1, y: 4, z: 4, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t24", x: 2, y: 4, z: 4, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t34", x: 3, y: 4, z: 4, type: "wall", passable: false, modelUrl: FLOOR_WALL2 },
+  { id: "t44", x: 4, y: 4, z: 4, type: "wall", passable: false, modelUrl: FLOOR_WALL2 }
 ];
 var DEFAULT_3D_CASTLE_FEATURES = [
   { id: "f1", x: 2, y: 2, z: 2, type: "chest", color: "#f4c542" },
@@ -4691,6 +4718,8 @@ function GameCanvas3DCastleTemplate({
   playAgainEvent,
   gameEndEvent,
   showHeader = true,
+  unitScale,
+  scale,
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
@@ -4721,6 +4750,8 @@ function GameCanvas3DCastleTemplate({
             features,
             cameraMode,
             backgroundColor,
+            unitScale,
+            scale,
             tileClickEvent: buildingClickEvent,
             unitClickEvent,
             endTurnEvent,
@@ -4743,32 +4774,36 @@ function GameCanvas3DCastleTemplate({
   );
 }
 GameCanvas3DCastleTemplate.displayName = "GameCanvas3DCastleTemplate";
+var CDN3 = "https://almadar-kflow-assets.web.app/shared/3d/dungeon/floor";
+var FLOOR_WALL3 = `${CDN3}/template-floor-detail-a.glb`;
+var FLOOR_DIRT3 = `${CDN3}/template-floor-detail.glb`;
+var FLOOR_OPEN3 = `${CDN3}/template-floor.glb`;
 var DEFAULT_3D_WORLDMAP_TILES = [
-  { id: "t00", x: 0, y: 0, z: 0, type: "mountain", passable: false },
-  { id: "t10", x: 1, y: 0, z: 0, type: "mountain", passable: false },
-  { id: "t20", x: 2, y: 0, z: 0, type: "water", passable: false },
-  { id: "t30", x: 3, y: 0, z: 0, type: "mountain", passable: false },
-  { id: "t40", x: 4, y: 0, z: 0, type: "mountain", passable: false },
-  { id: "t01", x: 0, y: 1, z: 1, type: "mountain", passable: false },
-  { id: "t11", x: 1, y: 1, z: 1, type: "grass", passable: true },
-  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true },
-  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true },
-  { id: "t41", x: 4, y: 1, z: 1, type: "water", passable: false },
-  { id: "t02", x: 0, y: 2, z: 2, type: "water", passable: false },
-  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true },
-  { id: "t22", x: 2, y: 2, z: 2, type: "road", passable: true },
-  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true },
-  { id: "t42", x: 4, y: 2, z: 2, type: "mountain", passable: false },
-  { id: "t03", x: 0, y: 3, z: 3, type: "mountain", passable: false },
-  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true },
-  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true },
-  { id: "t33", x: 3, y: 3, z: 3, type: "road", passable: true },
-  { id: "t43", x: 4, y: 3, z: 3, type: "mountain", passable: false },
-  { id: "t04", x: 0, y: 4, z: 4, type: "mountain", passable: false },
-  { id: "t14", x: 1, y: 4, z: 4, type: "water", passable: false },
-  { id: "t24", x: 2, y: 4, z: 4, type: "grass", passable: true },
-  { id: "t34", x: 3, y: 4, z: 4, type: "mountain", passable: false },
-  { id: "t44", x: 4, y: 4, z: 4, type: "mountain", passable: false }
+  { id: "t00", x: 0, y: 0, z: 0, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t10", x: 1, y: 0, z: 0, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t20", x: 2, y: 0, z: 0, type: "water", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t30", x: 3, y: 0, z: 0, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t40", x: 4, y: 0, z: 0, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t01", x: 0, y: 1, z: 1, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t11", x: 1, y: 1, z: 1, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t21", x: 2, y: 1, z: 1, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t31", x: 3, y: 1, z: 1, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t41", x: 4, y: 1, z: 1, type: "water", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t02", x: 0, y: 2, z: 2, type: "water", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t12", x: 1, y: 2, z: 2, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t22", x: 2, y: 2, z: 2, type: "road", passable: true, modelUrl: FLOOR_DIRT3 },
+  { id: "t32", x: 3, y: 2, z: 2, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t42", x: 4, y: 2, z: 2, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t03", x: 0, y: 3, z: 3, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t13", x: 1, y: 3, z: 3, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t23", x: 2, y: 3, z: 3, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t33", x: 3, y: 3, z: 3, type: "road", passable: true, modelUrl: FLOOR_DIRT3 },
+  { id: "t43", x: 4, y: 3, z: 3, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t04", x: 0, y: 4, z: 4, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t14", x: 1, y: 4, z: 4, type: "water", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t24", x: 2, y: 4, z: 4, type: "grass", passable: true, modelUrl: FLOOR_OPEN3 },
+  { id: "t34", x: 3, y: 4, z: 4, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 },
+  { id: "t44", x: 4, y: 4, z: 4, type: "mountain", passable: false, modelUrl: FLOOR_WALL3 }
 ];
 var DEFAULT_3D_WORLDMAP_FEATURES = [
   { id: "f1", x: 2, y: 2, z: 2, type: "capital", color: "#f4c542" },
@@ -4787,6 +4822,8 @@ function GameCanvas3DWorldMapTemplate({
   attackEvent,
   playAgainEvent,
   gameEndEvent,
+  unitScale,
+  scale,
   className
 }) {
   const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
@@ -4802,6 +4839,8 @@ function GameCanvas3DWorldMapTemplate({
         features,
         cameraMode,
         backgroundColor,
+        unitScale,
+        scale,
         tileClickEvent,
         unitClickEvent,
         endTurnEvent,

package/dist/components/game/organisms/BattleBoard.d.ts

@@ -69,6 +69,10 @@ export interface BattleBoardProps extends DisplayStateProps {
     scale?: number;
     /** Unit draw-size multiplier */
     unitScale?: number;
+    /** Ratio of unit draw height to scaledFloorHeight. Default 1.5. */
+    spriteHeightRatio?: number;
+    /** Max unit draw width as a ratio of scaledTileWidth. Default 0.6. */
+    spriteMaxWidthRatio?: number;
     /** Header area -- receives battle context */
     header?: (ctx: BattleSlotContext) => React.ReactNode;
     /** Sidebar content (combat log, unit roster, etc.) */
@@ -121,7 +125,7 @@ export interface BattleBoardProps extends DisplayStateProps {
     }>;
     className?: string;
 }
-export declare function BattleBoard({ entity, tiles: propTiles, units: propUnits, features: propFeatures, assetManifest: propAssetManifest, scale, unitScale, header, sidebar, actions, overlay, gameOverOverlay, onAttack, onGameEnd, onUnitMove, calculateDamage, onDrawEffects, hasActiveEffects, effectSpriteUrls, resolveUnitFrame, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, gameEndEvent, playAgainEvent, attackEvent, className, }: BattleBoardProps): React.JSX.Element;
+export declare function BattleBoard({ entity, tiles: propTiles, units: propUnits, features: propFeatures, assetManifest: propAssetManifest, scale, unitScale, spriteHeightRatio, spriteMaxWidthRatio, header, sidebar, actions, overlay, gameOverOverlay, onAttack, onGameEnd, onUnitMove, calculateDamage, onDrawEffects, hasActiveEffects, effectSpriteUrls, resolveUnitFrame, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, gameEndEvent, playAgainEvent, attackEvent, className, }: BattleBoardProps): React.JSX.Element;
 export declare namespace BattleBoard {
     var displayName: string;
 }

package/dist/components/game/organisms/GameBoard3D.d.ts

@@ -24,6 +24,10 @@ export interface GameBoard3DProps {
     cameraMode?: CameraMode;
     /** Background color forwarded to GameCanvas3D. */
     backgroundColor?: string;
+    /** Unit draw-size multiplier forwarded to GameCanvas3D. Default 1. */
+    unitScale?: number;
+    /** Board zoom/group scale forwarded to GameCanvas3D. Default 0.45. */
+    scale?: number;
     /** Declarative tile click event emitted to the model. */
     tileClickEvent?: EventEmit<{
         tileId: string;
@@ -55,7 +59,7 @@ export interface GameBoard3DProps {
     /** Additional CSS class. */
     className?: string;
 }
-export declare function GameBoard3D({ entity, tiles, features, cameraMode, backgroundColor, tileClickEvent, unitClickEvent, attackEvent, endTurnEvent, cancelEvent, playAgainEvent, gameEndEvent, className, }: GameBoard3DProps): React.JSX.Element | null;
+export declare function GameBoard3D({ entity, tiles, features, cameraMode, backgroundColor, unitScale, scale, tileClickEvent, unitClickEvent, attackEvent, endTurnEvent, cancelEvent, playAgainEvent, gameEndEvent, className, }: GameBoard3DProps): React.JSX.Element | null;
 export declare namespace GameBoard3D {
     var displayName: string;
 }

package/dist/components/game/organisms/RoguelikeBoard.d.ts

@@ -42,6 +42,8 @@ export interface RoguelikeBoardProps extends DisplayStateProps {
     assetManifest?: RoguelikeAssetManifest;
     scale?: number;
     unitScale?: number;
+    spriteHeightRatio?: number;
+    spriteMaxWidthRatio?: number;
     moveEvent?: EventEmit<{
         dx: number;
         dy: number;
@@ -52,7 +54,7 @@ export interface RoguelikeBoardProps extends DisplayStateProps {
     }>;
     className?: string;
 }
-export declare function RoguelikeBoard({ entity, tiles: propTiles, enemies: propEnemies, items: propItems, player: propPlayer, playerHp: propPlayerHp, playerMaxHp: propPlayerMaxHp, playerAttack: propPlayerAttack, depth: propDepth, result: propResult, phase: propPhase, stairsX: propStairsX, stairsY: propStairsY, assetManifest: propAssetManifest, scale, unitScale, moveEvent, playAgainEvent, gameEndEvent, className, }: RoguelikeBoardProps): React.JSX.Element;
+export declare function RoguelikeBoard({ entity, tiles: propTiles, enemies: propEnemies, items: propItems, player: propPlayer, playerHp: propPlayerHp, playerMaxHp: propPlayerMaxHp, playerAttack: propPlayerAttack, depth: propDepth, result: propResult, phase: propPhase, stairsX: propStairsX, stairsY: propStairsY, assetManifest: propAssetManifest, scale, unitScale, spriteHeightRatio, spriteMaxWidthRatio, moveEvent, playAgainEvent, gameEndEvent, className, }: RoguelikeBoardProps): React.JSX.Element;
 export declare namespace RoguelikeBoard {
     var displayName: string;
 }

package/dist/components/game/organisms/TowerDefenseBoard.d.ts

@@ -44,6 +44,9 @@ export interface TowerDefenseBoardProps extends DisplayStateProps {
     waveActive?: boolean;
     towerCost?: number;
     scale?: number;
+    unitScale?: number;
+    spriteHeightRatio?: number;
+    spriteMaxWidthRatio?: number;
     placeTowerEvent?: EventEmit<{
         x: number;
         y: number;
@@ -57,7 +60,7 @@ export interface TowerDefenseBoardProps extends DisplayStateProps {
     }>;
     className?: string;
 }
-export declare function TowerDefenseBoard({ entity, tiles: propTiles, path: propPath, towers: propTowers, creeps: propCreeps, gold: propGold, lives: propLives, wave: propWave, maxWaves: propMaxWaves, result: propResult, waveActive: propWaveActive, towerCost, scale, placeTowerEvent, startWaveEvent, playAgainEvent, gameEndEvent, className, }: TowerDefenseBoardProps): React.JSX.Element;
+export declare function TowerDefenseBoard({ entity, tiles: propTiles, path: propPath, towers: propTowers, creeps: propCreeps, gold: propGold, lives: propLives, wave: propWave, maxWaves: propMaxWaves, result: propResult, waveActive: propWaveActive, towerCost, scale, unitScale, spriteHeightRatio, spriteMaxWidthRatio, placeTowerEvent, startWaveEvent, playAgainEvent, gameEndEvent, className, }: TowerDefenseBoardProps): React.JSX.Element;
 export declare namespace TowerDefenseBoard {
     var displayName: string;
 }

package/dist/components/game/organisms/WorldMapBoard.d.ts

@@ -87,6 +87,10 @@ export interface WorldMapBoardProps {
     scale?: number;
     /** Unit draw-size multiplier */
     unitScale?: number;
+    /** Ratio of unit draw height to scaledFloorHeight. Default 1.5. */
+    spriteHeightRatio?: number;
+    /** Max unit draw width as a ratio of scaledTileWidth. Default 0.6. */
+    spriteMaxWidthRatio?: number;
     /** Allow selecting / moving ALL heroes (including enemy). For testing. */
     allowMoveAllHeroes?: boolean;
     /** Custom movement range validator */
@@ -144,7 +148,7 @@ export interface WorldMapBoardProps {
     effectSpriteUrls?: AssetUrl[];
     resolveUnitFrame?: (unitId: string) => ResolvedFrame | null;
 }
-export declare function WorldMapBoard({ entity, tiles: propTiles, units: propUnits, features: propFeatures, assetManifest: propAssetManifest, isLoading, scale, unitScale, allowMoveAllHeroes, isInRange, heroSelectEvent, heroMoveEvent, battleEncounterEvent, featureEnterEvent, tileClickEvent, header, sidePanel, overlay, footer, onHeroSelect, onHeroMove, onBattleEncounter, onFeatureEnter, diamondTopY, enableCamera, effectSpriteUrls, resolveUnitFrame, className, }: WorldMapBoardProps): React.JSX.Element;
+export declare function WorldMapBoard({ entity, tiles: propTiles, units: propUnits, features: propFeatures, assetManifest: propAssetManifest, isLoading, scale, unitScale, spriteHeightRatio, spriteMaxWidthRatio, allowMoveAllHeroes, isInRange, heroSelectEvent, heroMoveEvent, battleEncounterEvent, featureEnterEvent, tileClickEvent, header, sidePanel, overlay, footer, onHeroSelect, onHeroMove, onBattleEncounter, onFeatureEnter, diamondTopY, enableCamera, effectSpriteUrls, resolveUnitFrame, className, }: WorldMapBoardProps): React.JSX.Element;
 export declare namespace WorldMapBoard {
     var displayName: string;
 }

package/dist/components/game/templates/GameCanvas3DBattleTemplate.d.ts

@@ -51,6 +51,10 @@ export interface GameCanvas3DBattleTemplateProps extends TemplateProps {
     exitEvent?: string;
     /** Show turn indicator overlay */
     showTurnIndicator?: boolean;
+    /** Unit draw-size multiplier forwarded to GameBoard3D. Default 1. */
+    unitScale?: number;
+    /** Board zoom/group scale forwarded to GameBoard3D. Default 0.45. */
+    scale?: number;
 }
 /**
  * GameCanvas3DBattleTemplate Component
@@ -68,7 +72,7 @@ export interface GameCanvas3DBattleTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DBattleTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, className, }: GameCanvas3DBattleTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DBattleTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, unitScale, scale, className, }: GameCanvas3DBattleTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DBattleTemplate {
     var displayName: string;
 }

package/dist/components/game/templates/GameCanvas3DCastleTemplate.d.ts

@@ -56,6 +56,10 @@ export interface GameCanvas3DCastleTemplateProps extends TemplateProps {
     exitEvent?: string;
     /** Show castle name header */
     showHeader?: boolean;
+    /** Unit draw-size multiplier forwarded to GameBoard3D. Default 1. */
+    unitScale?: number;
+    /** Board zoom/group scale forwarded to GameBoard3D. Default 0.45. */
+    scale?: number;
 }
 /**
  * GameCanvas3DCastleTemplate Component
@@ -73,7 +77,7 @@ export interface GameCanvas3DCastleTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DCastleTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, buildingClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, showHeader, className, }: GameCanvas3DCastleTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DCastleTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, buildingClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, showHeader, unitScale, scale, className, }: GameCanvas3DCastleTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DCastleTemplate {
     var displayName: string;
 }

package/dist/components/game/templates/GameCanvas3DWorldMapTemplate.d.ts

@@ -63,6 +63,10 @@ export interface GameCanvas3DWorldMapTemplateProps extends TemplateProps {
     cameraChangeEvent?: string;
     /** Exit/back event name */
     exitEvent?: string;
+    /** Unit draw-size multiplier forwarded to GameBoard3D. Default 1. */
+    unitScale?: number;
+    /** Board zoom/group scale forwarded to GameBoard3D. Default 0.45. */
+    scale?: number;
 }
 /**
  * GameCanvas3DWorldMapTemplate Component
@@ -81,7 +85,7 @@ export interface GameCanvas3DWorldMapTemplateProps extends TemplateProps {
  * />
  * ```
  */
-export declare function GameCanvas3DWorldMapTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, className, }: GameCanvas3DWorldMapTemplateProps): React.JSX.Element | null;
+export declare function GameCanvas3DWorldMapTemplate({ entity, tiles: propTiles, features: propFeatures, cameraMode, backgroundColor, tileClickEvent, unitClickEvent, endTurnEvent, cancelEvent, attackEvent, playAgainEvent, gameEndEvent, unitScale, scale, className, }: GameCanvas3DWorldMapTemplateProps): React.JSX.Element | null;
 export declare namespace GameCanvas3DWorldMapTemplate {
     var displayName: string;
 }