Merge pull request #320 from zstenger93/gameFixes

Game fixes
zstenger93 · Apr 21, 2024 · 303deaa · 303deaa
2 parents a909ecc + 33171fd
commit 303deaa
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/frontend/src/pages/Games/Multiplayer.js b/frontend/src/pages/Games/Multiplayer.js
@@ -14,7 +14,7 @@ const GameCanvas = () => {
   let playerSpeed = 5;
   const otherPaddleOffset = 3;
   let resize = true;
-  const defaultSpeedX = 300;
+  const defaultSpeedX = 200;
   const winScore = 10;
   const defaultSpeedY = 20;
   const [scoreLeftReact, setScoreLeft] = useState(0);
@@ -37,8 +37,8 @@ const GameCanvas = () => {
   let rightPaddleYSecound = canvasRef.current
     ? canvasRef.current.height / 2 - paddleHeight / 2
     : 0;
-  let ballX = canvasRef.current ? canvasRef.current.width / 2 : 5;
-  let ballY = canvasRef.current ? canvasRef.current.height / 2 : 5;
+  let ballX = canvasRef.current ? canvasRef.current.width / 2 : 500;
+  let ballY = canvasRef.current ? canvasRef.current.height / 2 : 500;
   let ballSpeedX = defaultSpeedX;
   let ballSpeedY = defaultSpeedY;
   let canvasDefaultWidth = 1920;
@@ -94,17 +94,17 @@ const GameCanvas = () => {
         Math.abs(ballSpeedX);
       // check for the collision with right paddle
     } else if (
-      ballX < paddleWidth * otherPaddleOffset + ballSize * sizeSpeedRatio &&
-      ballX >
-        paddleWidth * (otherPaddleOffset - 1) + ballSize * sizeSpeedRatio &&
+      ballX <
+        paddleWidth * (otherPaddleOffset + 1) + ballSize * sizeSpeedRatio &&
+      ballX > paddleWidth * otherPaddleOffset + ballSize * sizeSpeedRatio &&
       ballY > leftPaddleYSecound &&
       ballY < leftPaddleYSecound + paddleHeight
     ) {
       const leftPaddleCenterY = leftPaddleYSecound + paddleHeight / 2;
       const distanceFromCenter = ballY - leftPaddleCenterY;
-	  // eslint-disable-next-line no-unused-expressions
+      // eslint-disable-next-line no-unused-expressions
       if (ballSpeedX > 0) paddleWidth * (otherPaddleOffset - 1) - 10;
-      else ballX = paddleWidth * otherPaddleOffset + 10;
+      else ballX = paddleWidth * (otherPaddleOffset + 1) + 10;
       ballSpeedX *= -1;
       // updates the balls speed in case of collusion with the paddle X speed
       if (ballSpeedX < 0) ballSpeedX -= ballSpeedIncrease;
@@ -294,7 +294,7 @@ const GameCanvas = () => {
           const touchY = event.touches[i].clientY - rect.top - window.scrollY;
           // Left paddle controls
           if (touch.clientX < window.innerWidth / 2) {
-			// eslint-disable-next-line react-hooks/exhaustive-deps
+            // eslint-disable-next-line react-hooks/exhaustive-deps
             leftPaddleY = touchY - paddleHeight / 2;
             leftPaddleY = Math.max(
               0,
@@ -303,7 +303,7 @@ const GameCanvas = () => {
           }
           // Right paddle controls
           else {
-			// eslint-disable-next-line react-hooks/exhaustive-deps
+            // eslint-disable-next-line react-hooks/exhaustive-deps
             rightPaddleY = touchY - paddleHeight / 2;
             rightPaddleY = Math.max(
               0,