posodobitve

ADVANCED_BUILD_MODE_CODE.js

@@ -0,0 +1,202 @@
+// ADVANCED BUILD MODE - IMPLEMENTATION
+// Dodaj te metode v BuildSystem.js
+
+// 1. ROTATION (R key)
+rotatePreview() {
+    this.rotation = (this.rotation + 90) % 360;
+
+    if (this.previewSprite) {
+        this.previewSprite.setAngle(this.rotation);
+    }
+
+    // Sound effect
+    if (this.scene.soundManager) {
+        this.scene.soundManager.beepUIClick();
+    }
+
+    console.log(`🔄 Building rotated: ${this.rotation}°`);
+}
+
+// 2. CONFIRM PLACEMENT (E key)
+confirmPlacement() {
+    if (!this.buildMode || !this.previewSprite) return;
+
+    const gridPos = this.scene.iso.toGrid(
+        this.previewSprite.x,
+        this.previewSprite.y
+    );
+
+    // Try to place building
+    const success = this.placeBuilding(gridPos.x, gridPos.y);
+
+    if (success) {
+        console.log('✅ Building placed!');
+
+        // Keep build mode active for multiple placements
+        this.createPreview();
+    }
+}
+
+// 3. CANCEL PLACEMENT (ESC key)
+cancelPlacement() {
+    if (!this.buildMode) return;
+
+    this.toggleBuildMode(); // Exit build mode
+
+    console.log('❌ Build mode cancelled');
+}
+
+// 4. BUILDING INVENTORY UI
+showBuildUI() {
+    const uiScene = this.scene.scene.get('UIScene');
+    if (!uiScene) return;
+
+    const panelX = 20;
+    const panelY = 250;
+    const panelWidth = 200;
+
+    // Background
+    this.buildPanel = uiScene.add.graphics();
+    this.buildPanel.fillStyle(0x000000, 0.8);
+    this.buildPanel.fillRoundedRect(panelX, panelY, panelWidth, 400, 8);
+    this.buildPanel.setScrollFactor(0);
+    this.buildPanel.setDepth(1000);
+
+    // Title
+    this.buildTitle = uiScene.add.text(
+        panelX + panelWidth / 2,
+        panelY + 10,
+        '🏗️ BUILDINGS',
+        {
+            fontSize: '16px',
+            fontStyle: 'bold',
+            color: '#ffff00'
+        }
+    );
+    this.buildTitle.setOrigin(0.5, 0);
+    this.buildTitle.setScrollFactor(0);
+    this.buildTitle.setDepth(1001);
+
+    // Building list
+    this.buildingButtons = [];
+    let yOffset = 40;
+
+    Object.entries(this.buildings).forEach(([id, building]) => {
+        // Button background
+        const btn = uiScene.add.rectangle(
+            panelX + panelWidth / 2,
+            panelY + yOffset,
+            panelWidth - 20,
+            40,
+            this.selectedBuilding === id ? 0x00ff00 : 0x333333
+        );
+        btn.setInteractive({ useHandCursor: true });
+        btn.setScrollFactor(0);
+        btn.setDepth(1001);
+
+        // Building name
+        const name = uiScene.add.text(
+            panelX + 15,
+            panelY + yOffset - 15,
+            building.name,
+            {
+                fontSize: '14px',
+                color: '#ffffff'
+            }
+        );
+        name.setScrollFactor(0);
+        name.setDepth(1002);
+
+        // Cost
+        const costText = Object.entries(building.cost)
+            .map(([res, amt]) => `${amt} ${res}`)
+            .join(', ');
+
+        const cost = uiScene.add.text(
+            panelX + 15,
+            panelY + yOffset + 5,
+            costText,
+            {
+                fontSize: '10px',
+                color: '#aaaaaa'
+            }
+        );
+        cost.setScrollFactor(0);
+        cost.setDepth(1002);
+
+        // Click handler
+        btn.on('pointerdown', () => {
+            this.selectBuilding(id);
+            this.hideBuildUI();
+            this.showBuildUI(); // Refresh
+        });
+
+        this.buildingButtons.push({ btn, name, cost });
+        yOffset += 50;
+    });
+
+    // Instructions
+    this.buildInstructions = uiScene.add.text(
+        panelX + panelWidth / 2,
+        panelY + 380,
+        'R: Rotate\nE: Place\nESC: Cancel',
+        {
+            fontSize: '12px',
+            color: '#ffff00',
+            align: 'center'
+        }
+    );
+    this.buildInstructions.setOrigin(0.5, 0);
+    this.buildInstructions.setScrollFactor(0);
+    this.buildInstructions.setDepth(1001);
+
+    console.log('🏗️ Build UI shown');
+}
+
+hideBuildUI() {
+    if (this.buildPanel) {
+        this.buildPanel.destroy();
+        this.buildPanel = null;
+    }
+
+    if (this.buildTitle) {
+        this.buildTitle.destroy();
+        this.buildTitle = null;
+    }
+
+    if (this.buildInstructions) {
+        this.buildInstructions.destroy();
+        this.buildInstructions = null;
+    }
+
+    if (this.buildingButtons) {
+        this.buildingButtons.forEach(({ btn, name, cost }) => {
+            btn.destroy();
+            name.destroy();
+            cost.destroy();
+        });
+        this.buildingButtons = [];
+    }
+}
+
+// POSODOBI toggleBuildMode() metodo:
+toggleBuildMode() {
+    this.buildMode = !this.buildMode;
+    console.log(`Build Mode: ${this.buildMode ? 'ON' : 'OFF'}`);
+
+    // Show/hide preview
+    if (this.buildMode) {
+        this.createPreview();
+        this.showBuildUI(); // Dodaj UI
+    } else {
+        this.destroyPreview();
+        this.hideBuildUI(); // Skrij UI
+    }
+
+    return this.buildMode;
+}
+
+// DODAJ V constructor():
+// this.rotation = 0;
+// this.buildPanel = null;
+// this.buildingButtons = [];