Feature: Integrate all four Hogwarts mini-games (Duel, Potion Brewing, Cryptex Lock, Cornish Pixies)

2026-09-22 19:43:12 +02:00
parent 0e20549a44
commit 2ce944d1cd
13 changed files with 1662 additions and 13 deletions
@@ -0,0 +1,188 @@
+// Wichtel-Panik / Cornish Pixies Arcade Engine
+(function() {
+    let score = 0;
+    const targetScore = 10;
+    let timeLeft = 35;
+    let gameRunning = false;
+    let timerInterval = null;
+    let spawnTimeout = null;
+
+    // DOM Elements
+    const scoreEl = document.getElementById('pixieScore');
+    const timerEl = document.getElementById('pixieTimer');
+    const startBtn = document.getElementById('startPixieBtn');
+    const startOverlay = document.getElementById('startOverlay');
+    const successPanel = document.getElementById('pixieSuccess');
+    const holes = document.querySelectorAll('.pixie-hole');
+
+    const activeTargets = new Map(); // holeIndex -> { type: 'pixie'|'neville', timer: id }
+
+    window.startPixieHunt = function() {
+        if (gameRunning) return;
+        gameRunning = true;
+        score = 0;
+        timeLeft = 35;
+
+        scoreEl.innerText = score;
+        timerEl.innerText = timeLeft;
+        startOverlay.style.display = 'none';
+        if (successPanel) successPanel.style.display = 'none';
+
+        if (window.soundFX) window.soundFX.playWhoosh();
+
+        // Start countdown
+        timerInterval = setInterval(() => {
+            timeLeft--;
+            timerEl.innerText = timeLeft;
+
+            if (timeLeft <= 0) {
+                endGame(false);
+            }
+        }, 1000);
+
+        scheduleNextSpawn();
+    };
+
+    function scheduleNextSpawn() {
+        if (!gameRunning) return;
+        const delay = Math.random() * 400 + 400; // 400ms - 800ms
+        spawnTimeout = setTimeout(() => {
+            spawnTarget();
+            scheduleNextSpawn();
+        }, delay);
+    }
+
+    function spawnTarget() {
+        if (!gameRunning) return;
+
+        // Find available holes
+        const available = [];
+        for (let i = 0; i < 9; i++) {
+            if (!activeTargets.has(i)) available.push(i);
+        }
+        if (available.length === 0) return;
+
+        const holeIdx = available[Math.floor(Math.random() * available.length)];
+        const targetEl = document.getElementById(`target${holeIdx}`);
+        if (!targetEl) return;
+
+        // 15% chance Neville, 85% chance Pixie
+        const isNeville = Math.random() < 0.15;
+        targetEl.className = 'pixie-target active';
+        targetEl.innerText = isNeville ? '👦' : '🧚';
+        if (isNeville) targetEl.classList.add('neville');
+
+        const stayTime = Math.random() * 400 + 850; // 850ms - 1250ms
+
+        const hideTimer = setTimeout(() => {
+            hideTarget(holeIdx);
+        }, stayTime);
+
+        activeTargets.set(holeIdx, {
+            isNeville: isNeville,
+            timer: hideTimer,
+            clicked: false
+        });
+    }
+
+    function hideTarget(holeIdx) {
+        const targetEl = document.getElementById(`target${holeIdx}`);
+        if (targetEl) {
+            targetEl.classList.remove('active');
+            targetEl.classList.remove('frozen');
+            targetEl.classList.remove('neville');
+        }
+        activeTargets.delete(holeIdx);
+    }
+
+    // Touch / Click Handler on holes
+    holes.forEach(hole => {
+        const idx = parseInt(hole.dataset.idx, 10);
+
+        function handleTap(e) {
+            if (!gameRunning) return;
+            e.preventDefault();
+
+            if (!activeTargets.has(idx)) return;
+            const targetData = activeTargets.get(idx);
+            if (targetData.clicked) return;
+            targetData.clicked = true;
+
+            const targetEl = document.getElementById(`target${idx}`);
+
+            if (targetData.isNeville) {
+                // Clicked Neville -> Penalty!
+                if (window.soundFX) window.soundFX.playWhoosh();
+                score = Math.max(0, score - 2);
+                scoreEl.innerText = score;
+
+                targetEl.style.transform = 'scale(1.3) rotate(15deg)';
+                if (window.showFloatingToast) {
+                    window.showFloatingToast("🤕 <strong>Neville:</strong> »Aua! Ich bin doch kein Wichtel!« (-2 Pkt)");
+                }
+
+                setTimeout(() => hideTarget(idx), 350);
+
+            } else {
+                // Clicked Pixie -> Immobilus!
+                clearTimeout(targetData.timer);
+                targetEl.classList.add('frozen');
+                targetEl.innerText = '❄️';
+
+                if (window.soundFX) {
+                    window.soundFX.playKeyChime();
+                }
+
+                score++;
+                scoreEl.innerText = score;
+
+                if (score >= targetScore) {
+                    endGame(true);
+                } else {
+                    setTimeout(() => hideTarget(idx), 400);
+                }
+            }
+        }
+
+        hole.addEventListener('click', handleTap);
+        hole.addEventListener('touchstart', handleTap, { passive: false });
+    });
+
+    async function endGame(won) {
+        gameRunning = false;
+        clearInterval(timerInterval);
+        clearTimeout(spawnTimeout);
+
+        // Hide all active
+        activeTargets.forEach((val, idx) => hideTarget(idx));
+        activeTargets.clear();
+
+        if (won) {
+            if (window.soundFX) window.soundFX.playMagicSuccess();
+
+            try {
+                const res = await fetch('/api/pixies/complete', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ caught: score })
+                });
+                const data = await res.json();
+                if (data.new_item && window.notifyNewItem) {
+                    window.notifyNewItem(data.new_item);
+                }
+            } catch (e) {
+                console.error("Pixies complete error:", e);
+            }
+
+            if (successPanel) successPanel.style.display = 'block';
+
+        } else {
+            if (window.soundFX) window.soundFX.playWhoosh();
+            startOverlay.style.display = 'block';
+            startBtn.innerText = "Erneut versuchen 🔄";
+            if (window.showFloatingToast) {
+                window.showFloatingToast("⏰ Die Zeit ist abgelaufen! Die Wichtel haben gewonnen. Versuch es noch einmal!");
+            }
+        }
+    }
+})();