Brick breaker But there are 2 paddles's game

Click here for free DL of the app version that can save data.

No:17302

←

Prev Next

→

Brick breaker But there are 2 paddles
Developer User7638｜Date and time 23/9/23 3:53:15
Build time 38.178 sec｜Game capacity 3.715KB｜

Script

Sure! Here's a simple implementation of the classic brick breaker game with two paddles. Since you mentioned using pictograms, I'll be using Unicode symbols to represent the paddles and the ball. Please note that this code snippet can be embedded directly into an HTML file within the `` tags. <br><br> <br> <style> #loadedGame { margin: 0; overflow: hidden; } #gameCanvas { background-color: #f2f2f2; } </style> <canvas id="gameCanvas" width="400" height="400"></canvas>

You can save the above code in an HTML file and open it in a web browser on your smartphone to play the game. The two paddles will be controlled using the left and right arrows for one paddle and 'A' and 'D' keys for the other paddle. The objective is to bounce the ball off the paddles and break all the bricks above. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    #gameCanvas {
      background-color: #f2f2f2;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const paddleWidth = 80;
      const paddleHeight = 10;
      const paddleYSpace = 20;
      const paddleOffsetX = 10;
      const paddleSpeed = 6;

const ballRadius = 10;
      const ballSpeed = 4;

let paddle1X = (canvas.width - paddleWidth) / 2;
      let paddle2X = (canvas.width - paddleWidth) / 2;
      let ballX = canvas.width / 2;
      let ballY = canvas.height - paddleHeight - ballRadius - paddleYSpace;
      let ballDX = 2;
      let ballDY = -2;

// Game input
      const keys = {};
      document.addEventListener("keydown", function(event) {
        keys[event.keyCode] = true;
      });
      document.addEventListener("keyup", function(event) {
        delete keys[event.keyCode];
      });

// Game update
      function update() {
        if (37 in keys && paddle1X > 0) {
          paddle1X -= paddleSpeed;
        }
        if (39 in keys && paddle1X + paddleWidth < canvas.width) {
          paddle1X += paddleSpeed;
        }
        if (65 in keys && paddle2X > 0) {
          paddle2X -= paddleSpeed;
        }
        if (68 in keys && paddle2X + paddleWidth < canvas.width) {
          paddle2X += paddleSpeed;
        }

ballX += ballDX;
        ballY += ballDY;

// Ball and paddle collision
        if (ballX + ballRadius > paddle1X && ballX - ballRadius < paddle1X + paddleWidth && ballY + ballRadius > canvas.height - paddleHeight - paddleYSpace) {
          ballDY = -ballDY;
        }
        if (ballX + ballRadius > paddle2X && ballX - ballRadius < paddle2X + paddleWidth && ballY - ballRadius < paddleHeight + paddleYSpace) {
          ballDY = -ballDY;
        }

// Wall collision
        if (ballX + ballRadius > canvas.width || ballX - ballRadius < 0) {
          ballDX = -ballDX;
        }
        if (ballY - ballRadius < 0) {
          ballDY = -ballDY;
        }

// Game render
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw paddles
        ctx.beginPath();
        ctx.rect(paddle1X, canvas.height - paddleHeight - paddleYSpace, paddleWidth, paddleHeight);
        ctx.rect(paddle2X, paddleYSpace, paddleWidth, paddleHeight);
        ctx.fillStyle = "#000000";
        ctx.fill();
        ctx.closePath();

// Draw ball
        ctx.beginPath();
        ctx.arc(ballX, ballY, ballRadius, 0, Math.PI*2);
        ctx.fillStyle = "#000000";
        ctx.fill();
        ctx.closePath();
      }

// Game loop
      function loop() {
        update();
        requestAnimationFrame(loop);
      }

// Start the game
      loop();
    });
  </script>
</body>
</html>
```

You can save the above code in an HTML file and open it in a web browser on your smartphone to play the game. The two paddles will be controlled using the left and right arrows for one paddle and 'A' and 'D' keys for the other paddle. The objective is to bounce the ball off the paddles and break all the bricks above. Enjoy playing!