add music, better sync, particles

static/js/input.js

@@ -1,45 +1,114 @@
+// ==========================================
+// INPUT HANDLING (WEBSOCKET VERSION)
+// ==========================================
+
 function handleInput(action, active) {
-    if (isGameOver) { if(active) location.reload(); return; }
-
-    const relativeTick = currentTick - lastSentTick;
+    // 1. Game Over Reset
+    if (isGameOver) {
+        if(active) location.reload();
+        return;
+    }
 
+    // 2. JUMP LOGIK
     if (action === "JUMP" && active) {
+        // Wir prüfen lokal, ob wir springen dürfen (Client Prediction)
         if (player.grounded && !isCrouching) {
+
+            // A. Sofort lokal anwenden (damit es sich direkt anfühlt)
             player.vy = JUMP_POWER;
             player.grounded = false;
-            inputLog.push({ t: relativeTick, act: "JUMP" });
+
+            playSound('jump');
+            spawnParticles(player.x + 15, player.y + 50, 'dust', 5); // Staubwolke an den Füßen
+
+            // B. An Server senden ("Ich habe JETZT gedrückt")
+            // Die Funktion sendInput ist in network.js definiert
+            if (typeof sendInput === "function") {
+                sendInput("input", "JUMP");
+            }
+        }
+    }
+
+    // 3. DUCK LOGIK
+    if (action === "DUCK") {
+        // Status merken, um unnötiges Senden zu vermeiden
+        const wasCrouching = isCrouching;
+
+        // A. Lokal anwenden
+        isCrouching = active;
+
+        // B. An Server senden (State Change: Start oder Ende)
+        if (wasCrouching !== isCrouching) {
+            if (typeof sendInput === "function") {
+                sendInput("input", active ? "DUCK_START" : "DUCK_END");
+            }
         }
     }
-    if (action === "DUCK") { isCrouching = active; }
 }
 
-// Event Listeners
+// ==========================================
+// EVENT LISTENERS
+// ==========================================
+
+// Tastatur
 window.addEventListener('keydown', (e) => {
+    // Ignorieren, wenn User gerade Name in Highscore tippt
     if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
 
     if (e.code === 'Space' || e.code === 'ArrowUp') handleInput("JUMP", true);
     if (e.code === 'ArrowDown' || e.code === 'KeyS') handleInput("DUCK", true);
+    if (e.code === 'F9') {
+        e.preventDefault();
+        console.log("🐞 Fordere Debug-Daten vom Server an...");
+        if (typeof sendInput === "function") {
+            // Wir senden ein manuelles Paket, da sendInput meist nur für Game-Inputs ist
+            if (socket && socket.readyState === WebSocket.OPEN) {
+                socket.send(JSON.stringify({ type: "debug" }));
+            }
+        }
+    }
 });
+
 window.addEventListener('keyup', (e) => {
     if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
 
     if (e.code === 'ArrowDown' || e.code === 'KeyS') handleInput("DUCK", false);
 });
+
+// Maus / Touch (Einfach)
 window.addEventListener('mousedown', (e) => {
+    // Nur Linksklick und nur auf dem Canvas
     if (e.target === canvas && e.button === 0) handleInput("JUMP", true);
 });
 
-// Touch Logic
+// Touch (Swipe Gesten)
 let touchStartY = 0;
+
 window.addEventListener('touchstart', (e) => {
-    if(e.target === canvas) { e.preventDefault(); touchStartY = e.touches[0].clientY; }
+    if(e.target === canvas) {
+        e.preventDefault();
+        touchStartY = e.touches[0].clientY;
+    }
 }, { passive: false });
+
 window.addEventListener('touchend', (e) => {
     if(e.target === canvas) {
         e.preventDefault();
-        const diff = e.changedTouches[0].clientY - touchStartY;
-        if (diff < -30) handleInput("JUMP", true);
-        else if (diff > 30) { handleInput("DUCK", true); setTimeout(() => handleInput("DUCK", false), 800); }
-        else if (Math.abs(diff) < 10) handleInput("JUMP", true);
+        const touchEndY = e.changedTouches[0].clientY;
+        const diff = touchEndY - touchStartY;
+
+        // Nach oben wischen oder Tippen = Sprung
+        if (diff < -30) {
+            handleInput("JUMP", true);
+        }
+        // Nach unten wischen = Ducken (kurz)
+        else if (diff > 30) {
+            handleInput("DUCK", true);
+            setTimeout(() => handleInput("DUCK", false), 800);
+        }
+        // Einfaches Tippen (wenig Bewegung) = Sprung
+        else if (Math.abs(diff) < 10) {
+            handleInput("JUMP", true);
+        }
     }
 });