Some brown squares spawn in and you must hit them to get a point and the red squares you must not press it will take points from you the game is fast paced's game

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

No:25145

128

←

Prev Next

→

Some brown squares spawn in and you must hit them ..ALL
Developer Dooz studio｜Date and time 23/11/18 8:08:33
Build time 98.478 sec｜Game capacity 3.286KB｜

Script

Sure! Here's an example of a simple game where you have to hit brown squares to score points and avoid red squares as they deduct points. The game will run when the HTML file is opened in a web browser. It uses JavaScript and is enclosed within script tags.

To use the game: 1. Copy the entire code and save it in a new HTML file (e.g., "game.html"). 2. Open the HTML file in a web browser. 3. You will see a canvas where the game is displayed. 4. Brown squares will spawn randomly, and you have to click on them to score points. 5. If you accidentally click on a red square, you will lose points. 6. The game speed increases as your score increases.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hit the Squares Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Set initial game parameters
    var score = 0;
    var speed = 1;

// Array to hold the squares
    var squares = [];

// Add event listener for mouse click
    canvas.addEventListener("click", checkClick, false);

// Function to initialize the game
    function startGame() {
      setInterval(updateGame, 10);
    }

// Function to update the game
    function updateGame() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Generate random squares
      if (Math.random() < 0.01 * speed) {
        var square = {
          x: Math.floor(Math.random() * canvas.width),
          y: Math.floor(Math.random() * canvas.height),
          color: Math.random() < 0.5 ? "brown" : "red",
          size: 30,
          alive: true
        };

squares.push(square);
      }

// Update and draw squares
      for (var i = squares.length - 1; i >= 0; i--) {
        var square = squares[i];

if (square.alive) {
          square.y += 1 * speed;

ctx.beginPath();
          ctx.rect(square.x, square.y, square.size, square.size);
          ctx.fillStyle = square.color;
          ctx.fill();
        }

// Check if square is out of bounds
        if (square.y > canvas.height) {
          squares.splice(i, 1);
        }
      }

// Display score
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 30);

// Increase game speed
      if (score > 0 && score % 10 === 0) {
        speed += 0.1;
      }
    }

// Function to handle mouse click events
    function checkClick(event) {
      var rect = canvas.getBoundingClientRect();

var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

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

if (
          mouseX > square.x &&
          mouseX < square.x + square.size &&
          mouseY > square.y &&
          mouseY < square.y + square.size &&
          square.alive
        ) {
          if (square.color === "brown") {
            score++;
          } else if (square.color === "red") {
            score--;
          }

square.alive = false;
        }
      }
    }

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

To use the game:

1. Copy the entire code and save it in a new HTML file (e.g., "game.html").
2. Open the HTML file in a web browser.
3. You will see a canvas where the game is displayed.
4. Brown squares will spawn randomly, and you have to click on them to score points.
5. If you accidentally click on a red square, you will lose points.
6. The game speed increases as your score increases.