Game where you need to tap falling falling falling to the bottom of screen logs so they don't hit the people at the bottom, if 3 logs hit the people, it is game over, logs spawn randomly. There are 100 logs, if you tap them all, you win.'s game

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

No:43327

←

Prev Next

→

Game where you need to tap falling falling falling..ALL
Developer User19162｜Date and time 24/2/15 6:41:15
Build time 13.93 sec｜Game capacity 4.297KB｜

Script

Sure! Here's an example of a simple game called "Log Rescue" where you need to tap falling logs to prevent them from hitting the people at the bottom of the screen. The game will end if three logs hit the people, and you win if you can tap all 100 logs successfully.

To play the game, you can copy the above code and save it as an HTML file (.html). Open the file in a browser that supports JavaScript, and you can play the game by tapping on the falling logs to prevent them from hitting the people at the bottom of the screen. The game will end if three logs hit the people, and you win if you can tap all 100 logs successfully.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
      // Get canvas reference
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

// Set initial game state
      let score = 0;
      let missedLogs = 0;
      const totalLogs = 100;
      const maxMissedLogs = 3;
      const logSpeed = 2;

// Create an array to store falling logs
      let logs = [];

// Create an array to store people at the bottom of the screen
      let people = [];

// Create a pictogram for logs and people
      const logImage = new Image();
      logImage.src =
        "https://image.flaticon.com/icons/svg/2860/2860637.svg";

const personImage = new Image();
      personImage.src =
        "https://image.flaticon.com/icons/svg/337/337935.svg";

// Add event listener to handle taps on smartphone screens
      canvas.addEventListener("click", function (event) {
        const rect = canvas.getBoundingClientRect();
        const xPos = event.clientX - rect.left;
        const yPos = event.clientY - rect.top;

// Loop through the logs and check if the tap position intersects with any log
        for (let i = 0; i < logs.length; i++) {
          const log = logs[i];
          if (
            xPos >= log.x &&
            xPos <= log.x + logImage.width &&
            yPos >= log.y &&
            yPos <= log.y + logImage.height
          ) {
            logs.splice(i, 1);
            score++;
            break;
          }
        }
      });

// Game loop
      function gameLoop() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Spawn new logs randomly
        if (Math.random() < 0.04) {
          logs.push({
            x: Math.random() * (canvas.width - logImage.width),
            y: 0,
          });
        }

// Update log positions and check for collisions
        for (let i = 0; i < logs.length; i++) {
          const log = logs[i];
          log.y += logSpeed;

// Check collision with people
          if (log.y + logImage.height >= canvas.height - personImage.height) {
            missedLogs++;
            logs.splice(i, 1);
            if (missedLogs === maxMissedLogs) {
              endGame();
            }
          }

// Draw logs
          context.drawImage(logImage, log.x, log.y);
        }

// Draw people
        for (let i = 0; i < maxMissedLogs; i++) {
          const personX = (canvas.width / maxMissedLogs) * i;
          context.drawImage(personImage, personX, canvas.height - personImage.height);
        }

// Draw score
        context.fillStyle = "#000";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);

// Check if the game is won
        if (score === totalLogs) {
          winGame();
        } else {
          requestAnimationFrame(gameLoop);
        }
      }

// Function to end the game
      function endGame() {
        alert("Game Over! You missed too many logs.");
        resetGame();
      }

// Function to win the game
      function winGame() {
        alert("Congratulations! You saved all the people!");
        resetGame();
      }

// Function to reset the game
      function resetGame() {
        logs = [];
        score = 0;
        missedLogs = 0;
        requestAnimationFrame(gameLoop);
      }

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