Fix tile rendering dimensions and alignment, update tile definitions to use height

src/engine/dungeon/DungeonDeck.js

@@ -1,85 +1,68 @@
+
 import { TILES } from './TileDefinitions.js';
 
 export class DungeonDeck {
 
-
     constructor() {
         this.cards = [];
         this.discards = [];
-        // We don't initialize automatically anymore
     }
 
-    /**
-     * Constructs the deck according to the specific Warhammer Quest rules.
-     * Rulebook steps:
-     * 1. Take 6 random Dungeon Cards (Bottom pool).
-     * 2. Add Objective Room card to Bottom pool.
-     * 3. Shuffle Bottom pool (7 cards).
-     * 4. Take 6 random Dungeon Cards (Top pool).
-     * 5. Stack Top pool on Bottom pool.
-     * Total: 13 cards.
-     * 
-     * @param {string} objectiveTileId - ID of the objective/exit room.
-     */
     generateMissionDeck(objectiveTileId) {
+        console.log("🔍 Inspecting TILES object keys:", Object.keys(TILES));
         this.cards = [];
 
-        // 1. Create a "Pool" of standard dungeon tiles (Rooms & Corridors)
-        // We replicate the physical deck distribution first
+        // 1. Create a "Pool" of standard dungeon tiles
         let pool = [];
         const composition = [
             { id: 'room_dungeon', count: 6 },
-            // Objective room is special, handled separately
             { id: 'corridor_straight', count: 7 },
             { id: 'corridor_steps', count: 1 },
-            { id: 'corridor_corner', count: 1 },
+            { id: 'corridor_corner', count: 1 }, // L-Shape
             { id: 'junction_t', count: 3 }
         ];
 
         composition.forEach(item => {
-            const tileDef = TILES.find(t => t.id === item.id);
+            // FIXED: Access by Key string directly
+            const tileDef = TILES[item.id];
+
             if (tileDef) {
                 for (let i = 0; i < item.count; i++) {
                     pool.push(tileDef);
                 }
+            } else {
+                console.error(`❌ Missing Tile Definition for ID: ${item.id}`);
             }
         });
 
-        // Helper to pull random cards
         const drawRandom = (source, count) => {
             const drawn = [];
             for (let i = 0; i < count; i++) {
                 if (source.length === 0) break;
                 const idx = Math.floor(Math.random() * source.length);
                 drawn.push(source[idx]);
-                source.splice(idx, 1); // Remove from pool
+                source.splice(idx, 1);
             }
             return drawn;
         };
 
-        // --- Step 1 & 2: Bottom Pool (6 Random + Objective) ---
+        // --- Step 1 & 2: Bottom Pool ---
         const bottomPool = drawRandom(pool, 6);
 
-        // Add Objective Card
-        const objectiveDef = TILES.find(t => t.id === objectiveTileId);
+        const objectiveDef = TILES[objectiveTileId];
         if (objectiveDef) {
             bottomPool.push(objectiveDef);
         } else {
             console.error("Objective Tile ID not found:", objectiveTileId);
-            // Fallback: Add a generic room if objective missing?
         }
 
-        // --- Step 3: Shuffle Bottom Pool ---
         this.shuffleArray(bottomPool);
 
-        // --- Step 4: Top Pool (6 Random) ---
+        // --- Step 4: Top Pool ---
         const topPool = drawRandom(pool, 6);
-        // Note: No shuffle explicitly needed for Top Pool if drawn randomly, 
-        // but shuffling ensures random order of the 6 drawn.
         this.shuffleArray(topPool);
 
-        // --- Step 5: Stack (Top on Bottom) ---
-        // Array[0] is the "Top" card (first to be drawn)
+        // --- Step 5: Stack ---
         this.cards = [...topPool, ...bottomPool];
 
         console.log(`Deck Generated: ${this.cards.length} cards.`);
@@ -93,15 +76,12 @@ export class DungeonDeck {
     }
 
     draw() {
-        if (this.cards.length === 0) {
-            return null; // Deck empty
-        }
-        return this.cards.shift(); // Take from top
+        if (this.cards.length === 0) return null;
+        return this.cards.shift();
     }
 
-    // Useful for Campaign logic: Insert a specific card at position
     insertCard(tileId, position = 0) {
-        const tileDef = TILES.find(t => t.id === tileId);
+        const tileDef = TILES[tileId];
         if (tileDef) {
             this.cards.splice(position, 0, tileDef);
         }