100 squares throwing boomerangs at each other if you touch one of the squares they will throw one And they are moving around for all devices's game

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

No:17107

←

Prev Next

→

100 squares throwing boomerangs at each other if y..ALL
Developer User7570｜Date and time 23/9/22 8:47:59
Build time 28.893 sec｜Game capacity 3.769KB｜

Script

Sure! Here's an example of a game that meets your requirements. It's a simple game with 100 squares throwing boomerangs at each other. When you touch one of the squares, it will throw a boomerang. The squares will also move around. To play the game, you can touch any of the squares on the screen to make them throw a boomerang. The squares will move randomly around the screen. The objective is to avoid getting hit by the boomerangs thrown by the other squares. Here's the implementation of the game in a single HTML file:

You can save the above code into a file with `.html` extension, and then open it in any web browser to play the game. The squares will move around randomly, and you can touch any square to make it throw a boomerang. The boomerang will be drawn as a red line from the square to the center of the screen.

←

Prev　Next

→ 　

Back　

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

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

To play the game, you can touch any of the squares on the screen to make them throw a boomerang. The squares will move randomly around the screen. The objective is to avoid getting hit by the boomerangs thrown by the other squares.

Here's the implementation of the game in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

#gameCanvas {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Generate squares
    for (var i = 0; i < numSquares; i++) {
      var square = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        dx: (Math.random() - 0.5) * 5,
        dy: (Math.random() - 0.5) * 5
      };
      squares.push(square);
    }

function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw squares
      for (var i = 0; i < squares.length; i++) {
        var square = squares[i];

context.beginPath();
        context.rect(square.x, square.y, squareSize, squareSize);
        context.fillStyle = "blue";
        context.fill();
        context.closePath();

square.x += square.dx;
        square.y += square.dy;

// Check bounds
        if (square.x <= 0 || square.x >= canvas.width - squareSize) {
          square.dx *= -1;
        }
        if (square.y <= 0 || square.y >= canvas.height - squareSize) {
          square.dy *= -1;
        }
      }

requestAnimationFrame(draw);
    }

canvas.addEventListener("click", function(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

// Check if clicked on a square
      for (var i = 0; i < squares.length; i++) {
        var square = squares[i];
        if (
          mouseX >= square.x &&
          mouseX <= square.x + squareSize &&
          mouseY >= square.y &&
          mouseY <= square.y + squareSize
        ) {
          // Throw boomerang
          throwBoomerang(square);
          break;
        }
      }
    });

function throwBoomerang(square) {
      square.throwing = true;
      setTimeout(function() {
        square.throwing = false;
      }, 1000); // Boomerang animation duration
    }

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