Update script.js

script.js

@@ -56,7 +56,11 @@ function update() {
             ballY + ballSize >= paddleLeftY &&
             ballY <= paddleLeftY + paddleHeight
         ) {
-            ballSpeedX = -ballSpeedX;
+            // Calculate hit position (how far from the center of the paddle)
+            const hitPosition = (ballY - (paddleLeftY + paddleHeight / 2)) / (paddleHeight / 2);
+            // Adjust ball angle based on hit position
+            ballSpeedX = Math.abs(ballSpeedX); // Ensure ball moves right
+            ballSpeedY = hitPosition * 5; // Increase angle based on hit position
         }
 
         // Ball collision with right paddle
@@ -65,7 +69,11 @@ function update() {
             ballY + ballSize >= paddleRightY &&
             ballY <= paddleRightY + paddleHeight
         ) {
-            ballSpeedX = -ballSpeedX;
+            // Calculate hit position (how far from the center of the paddle)
+            const hitPosition = (ballY - (paddleRightY + paddleHeight / 2)) / (paddleHeight / 2);
+            // Adjust ball angle based on hit position
+            ballSpeedX = -Math.abs(ballSpeedX); // Ensure ball moves left
+            ballSpeedY = hitPosition * 5; // Increase angle based on hit position
         }
 
         // Ball out of bounds (left or right)