big refactor

static/js/network.js

@@ -0,0 +1,92 @@
+async function sendChunk() {
+    const ticksToSend = currentTick - lastSentTick;
+    if (ticksToSend <= 0) return;
+
+    const payload = {
+        sessionId: sessionID,
+        inputs: [...inputLog],
+        totalTicks: ticksToSend
+    };
+
+    inputLog = [];
+    lastSentTick = currentTick;
+
+    try {
+        const res = await fetch('/api/validate', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify(payload)
+        });
+
+        const data = await res.json();
+
+        if (data.serverObs) serverObstacles = data.serverObs;
+
+        if (data.status === "dead") {
+            console.error("SERVER TOT", data);
+            gameOver("Vom Server gestoppt");
+        } else {
+            const sScore = data.verifiedScore;
+            if (Math.abs(score - sScore) > 200) score = sScore;
+        }
+    } catch (e) {
+        console.error("Netzwerkfehler:", e);
+    }
+}
+
+window.submitScore = async function() {
+    const nameInput = document.getElementById('playerNameInput');
+    const name = nameInput.value;
+    const btn = document.getElementById('submitBtn');
+
+    if (!name) return alert("Namen eingeben!");
+    btn.disabled = true;
+
+    try {
+        const res = await fetch('/api/submit-name', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({ sessionId: sessionID, name: name })
+        });
+        const data = await res.json();
+
+        let myClaims = JSON.parse(localStorage.getItem('escape_claims') || '[]');
+        myClaims.push({
+            name: name, score: Math.floor(score / 10), code: data.claimCode,
+            date: new Date().toLocaleString('de-DE'), sessionId: sessionID
+        });
+        localStorage.setItem('escape_claims', JSON.stringify(myClaims));
+
+        document.getElementById('inputSection').style.display = 'none';
+        loadLeaderboard();
+    } catch (e) {}
+};
+
+async function loadLeaderboard() {
+    const res = await fetch(`/api/leaderboard?sessionId=${sessionID}`);
+    const entries = await res.json();
+    let html = "<h3>BESTENLISTE</h3>";
+    entries.forEach(e => {
+        const color = e.isMe ? "yellow" : "white";
+        html += `<div style="display:flex; justify-content:space-between; color:${color}; margin-bottom:5px;">
+                    <span>#${e.rank} ${e.name}</span><span>${Math.floor(e.score/10)}</span></div>`;
+    });
+    document.getElementById('leaderboard').innerHTML = html;
+}
+
+async function loadStartScreenLeaderboard() {
+    try {
+        const listEl = document.getElementById('startLeaderboardList');
+        if (!listEl) return;
+        const res = await fetch('/api/leaderboard');
+        const entries = await res.json();
+        if (entries.length === 0) { listEl.innerHTML = "<div style='padding:20px'>Noch keine Scores.</div>"; return; }
+        let html = "";
+        entries.forEach(e => {
+            let icon = "#" + e.rank;
+            if (e.rank === 1) icon = "🥇"; if (e.rank === 2) icon = "🥈"; if (e.rank === 3) icon = "🥉";
+            html += `<div class="hof-entry"><span><span class="hof-rank">${icon}</span> ${e.name}</span><span class="hof-score">${Math.floor(e.score / 10)}</span></div>`;
+        });
+        listEl.innerHTML = html;
+    } catch (e) {}
+}