bug fixes

static/js/render.js

@@ -44,29 +44,29 @@ resize();
 // --- DRAWING ---
 
 function drawGame() {
-    // 1. Alles löschen
     ctx.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);
 
-    // --- HINTERGRUND (Level-Wechsel) ---
     let currentBg = null;
 
-    // Haben wir Hintergründe geladen?
     if (bgSprites.length > 0) {
-        // Wechsel alle 2000 Punkte (Server-Score) = 200 Punkte (Anzeige)
         const changeInterval = 10000;
 
-        // Berechne Index: 0-1999 -> 0, 2000-3999 -> 1, etc.
-        // Das % (Modulo) sorgt dafür, dass es wieder von vorne anfängt, wenn die Bilder ausgehen
-        const bgIndex = Math.floor(score / changeInterval) % bgSprites.length;
+        const currentRawIndex = Math.floor(score / changeInterval);
+
+        if (currentRawIndex > maxRawBgIndex) {
+            maxRawBgIndex = currentRawIndex;
+        }
+        const bgIndex = maxRawBgIndex % bgSprites.length;
 
         currentBg = bgSprites[bgIndex];
     }
 
 
+
     if (currentBg && currentBg.complete && currentBg.naturalHeight !== 0) {
         ctx.drawImage(currentBg, 0, 0, GAME_WIDTH, GAME_HEIGHT);
     } else {
-        // Fallback: Hellgrau, falls Bild fehlt
+        // Fallback
         ctx.fillStyle = "#f0f0f0";
         ctx.fillRect(0, 0, GAME_WIDTH, GAME_HEIGHT);
     }
@@ -127,7 +127,7 @@ function drawGame() {
         if(bootTicks > 0) statusText += `👟 ${(bootTicks/60).toFixed(1)}s`;
 
         // Drift Info (nur wenn Objekte da sind)
-        if (obstacles.length > 0 && serverObstacles.length > 0) {
+        if (DEBUG_SYNC == true && length > 0 && serverObstacles.length > 0) {
             const drift = Math.abs(obstacles[0].x - serverObstacles[0].x).toFixed(1);
             statusText += ` | Drift: ${drift}px`; // Einkommentieren für Debugging
         }