fixed levels

Author: Brigit Murtaugh

frogger-game.html

@@ -20,24 +20,40 @@ <h2 class="mb-4"><a href="#frogger-game" id="frogger-game">Frogger Game</a></h2>
 const grid = 50;
 const rows = 10;
 const cols = 8;
-let frog, cars, gameOver, win;
+let frog, cars, gameOver, win, level, maxLevel;
 
-function resetGame() {
-  frog = { x: 3, y: 9 };
-  cars = [
-    { y: 7, speed: 2, dir: 1, positions: [0, 4] },
-    { y: 6, speed: 3, dir: -1, positions: [2, 6] },
-    { y: 5, speed: 2, dir: 1, positions: [1, 5] },
-    { y: 3, speed: 3, dir: -1, positions: [3, 7] }
+
+function getCarsForLevel(lvl) {
+  // Increase number of cars and speed with each level
+  const baseCars = [
+    { y: 7, speed: 2 + lvl, dir: 1, positions: [0, 4] },
+    { y: 6, speed: 3 + Math.floor(lvl/2), dir: -1, positions: [2, 6] },
+    { y: 5, speed: 2 + Math.floor(lvl/2), dir: 1, positions: [1, 5] },
+    { y: 3, speed: 3 + lvl, dir: -1, positions: [3, 7] }
   ];
+  if (lvl > 1) {
+    // Add more cars for higher levels
+    baseCars.push({ y: 4, speed: 2 + lvl, dir: lvl % 2 === 0 ? 1 : -1, positions: [0, 6] });
+  }
+  if (lvl > 2) {
+    baseCars.push({ y: 2, speed: 3 + lvl, dir: lvl % 2 === 1 ? 1 : -1, positions: [2, 5] });
+  }
+  return baseCars;
+}
+
+function resetGame(newLevel) {
+  frog = { x: 3, y: 9 };
+  level = typeof newLevel === 'number' ? newLevel : 1;
+  maxLevel = 5;
+  cars = getCarsForLevel(level);
   gameOver = false;
   win = false;
 }
 
-resetGame();
+resetGame(1);
 // Restart button handler
 document.getElementById('restartBtn').addEventListener('click', function() {
-  resetGame();
+  resetGame(level);
 });
 
 function drawFrog() {
@@ -117,10 +133,19 @@ <h2 class="mb-4"><a href="#frogger-game" id="frogger-game">Frogger Game</a></h2>
   }
 }
 
+let advancingLevel = false;
 function checkWin() {
-  if (frog.y === 0) {
-    win = true;
-    gameOver = true;
+  if (frog.y === 0 && !advancingLevel) {
+    if (level < maxLevel) {
+      advancingLevel = true;
+      setTimeout(() => {
+        resetGame(level + 1);
+        advancingLevel = false;
+      }, 800);
+    } else {
+      win = true;
+      gameOver = true;
+    }
   }
 }
 
@@ -161,6 +186,11 @@ <h2 class="mb-4"><a href="#frogger-game" id="frogger-game">Frogger Game</a></h2>
   ctx.moveTo(36, canvas.height/2);
   ctx.lineTo(canvas.width, canvas.height/2);
   ctx.stroke();
+  // Draw level indicator
+  ctx.fillStyle = '#fff';
+  ctx.font = 'bold 18px sans-serif';
+  ctx.textAlign = 'left';
+  ctx.fillText('Level: ' + level + ' / ' + maxLevel, 48, 32);
   drawFrog();
   drawCars();
   if (gameOver) {