Add 1 files

index.html

@@ -146,6 +146,10 @@
         
         // Update element positions
         function updatePositions() {
+            // Ensure paddles stay within bounds
+            playerY = Math.max(0, Math.min(GAME_HEIGHT - PADDLE_HEIGHT, playerY));
+            cpuY = Math.max(0, Math.min(GAME_HEIGHT - PADDLE_HEIGHT, cpuY));
+            
             paddlePlayer.style.top = `${playerY}px`;
             paddleCPU.style.top = `${cpuY}px`;
             ball.style.left = `${ballX - BALL_SIZE/2}px`;
@@ -212,16 +216,15 @@
                 resetBall();
             }
             
-            // AI for CPU paddle
+            // AI for CPU paddle - improved to stay in bounds
             const cpuPaddleCenter = cpuY + PADDLE_HEIGHT / 2;
-            if (cpuPaddleCenter < ballY - 15) {
-                cpuY += PADDLE_SPEED * 0.7;
-            } else if (cpuPaddleCenter > ballY + 15) {
-                cpuY -= PADDLE_SPEED * 0.7;
-            }
+            const ballCenter = ballY;
             
-            // Keep CPU paddle in bounds
-            cpuY = Math.max(0, Math.min(GAME_HEIGHT - PADDLE_HEIGHT, cpuY));
+            if (cpuPaddleCenter < ballCenter - 15) {
+                cpuY = Math.min(cpuY + PADDLE_SPEED * 0.7, GAME_HEIGHT - PADDLE_HEIGHT);
+            } else if (cpuPaddleCenter > ballCenter + 15) {
+                cpuY = Math.max(cpuY - PADDLE_SPEED * 0.7, 0);
+            }
             
             // Check game over
             if (playerScore >= 5 || cpuScore >= 5) {
@@ -343,16 +346,16 @@
             }
         });
         
-        // Handle paddle movement
+        // Handle paddle movement with boundary checks
         function handleInput() {
             if (!gameRunning) return;
             
-            if ((keys.w || keys.ArrowUp) && playerY > 0) {
-                playerY -= PADDLE_SPEED;
+            if ((keys.w || keys.ArrowUp)) {
+                playerY = Math.max(0, playerY - PADDLE_SPEED);
             }
             
-            if ((keys.s || keys.ArrowDown) && playerY < GAME_HEIGHT - PADDLE_HEIGHT) {
-                playerY += PADDLE_SPEED;
+            if ((keys.s || keys.ArrowDown)) {
+                playerY = Math.min(GAME_HEIGHT - PADDLE_HEIGHT, playerY + PADDLE_SPEED);
             }
             
             updatePositions();