Update script.js

script.js

@@ -21,17 +21,11 @@ gameArea.addEventListener('touchmove', (e) => {
     e.preventDefault();
     touchY = e.touches[0].clientY;
 
-    // Move paddles based on touch position
+    // Move left paddle based on touch position
     if (e.touches[0].clientX < window.innerWidth / 2) {
-        // Left paddle
         paddleLeftY = touchY - paddleHeight / 2;
         if (paddleLeftY < 0) paddleLeftY = 0;
         if (paddleLeftY > window.innerHeight - paddleHeight) paddleLeftY = window.innerHeight - paddleHeight;
-    } else {
-        // Right paddle
-        paddleRightY = touchY - paddleHeight / 2;
-        if (paddleRightY < 0) paddleRightY = 0;
-        if (paddleRightY > window.innerHeight - paddleHeight) paddleRightY = window.innerHeight - paddleHeight;
     }
 });
 
@@ -45,18 +39,19 @@ function update() {
         ballSpeedY = -ballSpeedY;
     }
 
-    // Ball collision with paddles
+    // Ball collision with left paddle
     if (
         ballX <= paddleWidth + 10 && // Left paddle
-        ballY >= paddleLeftY &&
+        ballY + ballSize >= paddleLeftY &&
         ballY <= paddleLeftY + paddleHeight
     ) {
         ballSpeedX = -ballSpeedX;
     }
 
+    // Ball collision with right paddle
     if (
-        ballX >= window.innerWidth - paddleWidth - 10 && // Right paddle
-        ballY >= paddleRightY &&
+        ballX >= window.innerWidth - paddleWidth - 25 && // Right paddle
+        ballY + ballSize >= paddleRightY &&
         ballY <= paddleRightY + paddleHeight
     ) {
         ballSpeedX = -ballSpeedX;
@@ -67,6 +62,19 @@ function update() {
         resetBall();
     }
 
+    // Bot logic for right paddle
+    if (ballSpeedX > 0) { // Ball is moving towards the right paddle
+        if (paddleRightY + paddleHeight / 2 < ballY) {
+            paddleRightY += 3; // Move paddle down
+        } else if (paddleRightY + paddleHeight / 2 > ballY) {
+            paddleRightY -= 3; // Move paddle up
+        }
+    }
+
+    // Ensure the right paddle stays within bounds
+    if (paddleRightY < 0) paddleRightY = 0;
+    if (paddleRightY > window.innerHeight - paddleHeight) paddleRightY = window.innerHeight - paddleHeight;
+
     // Update ball and paddle positions
     ball.style.left = ballX + 'px';
     ball.style.top = ballY + 'px';