Brick breaker With Saws's game

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

No:24178

←

Prev Next

→

Brick breaker With Saws
Developer User7638｜Date and time 23/11/6 7:31:04
Build time 154.061 sec｜Game capacity 5.455KB｜

Script

Sure, here's a simple implementation of the game "Brick Breaker with Saws" using HTML and JavaScript:

This code sets up a canvas element where the game is rendered. It initializes the game objects (ball, paddle, bricks, and saws), handles player input for moving the paddle, detects collisions between the objects, and updates the game state and displays the score and lives. The game loop runs every 10 milliseconds to continuously update the canvas and handle gameplay logic.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a simple implementation of the game "Brick Breaker with Saws" using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Brick Breaker with Saws</title>
  <style>
    #gameCanvas {
      background-color: black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

// Initialize ball
      ball = { x: canvas.width / 2, y: canvas.height - 30, radius: 10, dx: 3, dy: -3 };

// Initialize paddle
      paddle = { x: (canvas.width - 75) / 2, width: 75, height: 10 };

// Initialize bricks
      bricks = [];
      for (let c = 0; c < 5; c++) {
        for (let r = 0; r < 3; r++) {
          bricks.push({ x: c * 75, y: r * 20, width: 75, height: 20, status: 1 });
        }
      }

// Initialize saws
      saws = [];
      for (let c = 0; c < 5; c++) {
        saws.push({ x: c * 75, y: canvas.height - 20, width: 75, height: 20 });
      }

dx = 3;
      dy = -3;
      paddleSpeed = 7;
      score = 0;
      lives = 3;

// Event listeners for paddle movement
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

// Start game loop
      setInterval(draw, 10);
    }

// Draw objects on the canvas
    function draw() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw ball
      ctx.beginPath();
      ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
      ctx.fillStyle = "white";
      ctx.fill();
      ctx.closePath();

// Draw paddle
      ctx.beginPath();
      ctx.rect(paddle.x, canvas.height - paddle.height, paddle.width, paddle.height);
      ctx.fillStyle = "white";
      ctx.fill();
      ctx.closePath();

// Draw bricks
      for (let i = 0; i < bricks.length; i++) {
        if (bricks[i].status === 1) {
          ctx.beginPath();
          ctx.rect(bricks[i].x, bricks[i].y, bricks[i].width, bricks[i].height);
          ctx.fillStyle = "white";
          ctx.fill();
          ctx.closePath();
        }
      }

// Update ball position
      ball.x += dx;
      ball.y += dy;

// Ball collision detection with walls
      if (ball.x + dx < ball.radius || ball.x + dx > canvas.width - ball.radius) {
        dx = -dx;
      }
      if (ball.y + dy < ball.radius) {
        dy = -dy;
      }

// Ball collision detection with paddle
      if (ball.y + dy > canvas.height - ball.radius - paddle.height) {
        if (ball.x > paddle.x && ball.x < paddle.x + paddle.width) {
          dy = -dy;
        } else {
          lives--;
          if (!lives) {
            alert("Game Over");
            document.location.reload();
          } else {
            ball.x = canvas.width / 2;
            ball.y = canvas.height - 30;
            dx = 3;
            dy = -3;
            paddle.x = (canvas.width - paddle.width) / 2;
          }
        }
      }

// Ball collision detection with bricks
      for (let i = 0; i < bricks.length; i++) {
        if (bricks[i].status === 1) {
          if (ball.x > bricks[i].x && ball.x < bricks[i].x + bricks[i].width && ball.y > bricks[i].y && ball.y < bricks[i].y + bricks[i].height) {
            dy = -dy;
            bricks[i].status = 0;
            score++;
            if (score === bricks.length) {
              alert("Congratulations! You won!");
              document.location.reload();
            }
          }
        }
      }

// Paddle movement
      if (rightPressed && paddle.x < canvas.width - paddle.width) {
        paddle.x += paddleSpeed;
      } else if (leftPressed && paddle.x > 0) {
        paddle.x -= paddleSpeed;
      }

// Draw score
      ctx.font = "16px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Score: " + score, 8, 20);

// Draw lives
      ctx.fillText("Lives: " + lives, canvas.width - 65, 20);

// Draw saws
      for (let i = 0; i < saws.length; i++) {
        ctx.beginPath();
        ctx.rect(saws[i].x, saws[i].y, saws[i].width, saws[i].height);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }
    }

// Paddle movement control
    let rightPressed = false;
    let leftPressed = false;

function keyDownHandler(e) {
      if (e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = true;
      } else if (e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(e) {
      if (e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = false;
      } else if (e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

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