Catch the bread for 50 seconds's game

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

No:39409

←

Prev Next

→

Catch the bread for 50 seconds
Developer User17554｜Date and time 24/1/28 9:29:03
Build time 10.308 sec｜Game capacity 2.681KB｜

Script

Sure! Here's a simple game where you need to catch the falling bread within 50 seconds using pictograms. Note that the game assumes smartphone operation and is implemented as a single HTML file with JavaScript enclosed in script tags.

🍞

Time: 50

To play the game, simply save the above code as an HTML file, open it in a web browser (preferably on a smartphone), and start catching the falling bread within the given time limit. The score and remaining time will be displayed on the screen, and a game over message with the final score will appear once the time runs out. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Catch the Bread Game</title>
  <style>
    #game-container {
      position: relative;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f5f5f5;
    }

#bread {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 80px;
    }

#timer {
      position: fixed;
      top: 10px;
      right: 10px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="bread">🍞</div>
  </div>

// Function to start the game
    function startGame() {
      // Reset score and time
      score = 0;
      time = 50;

// Update game elements
      updateScore();
      updateTimer();

// Start timer
      timerInterval = setInterval(updateTimer, 1000);

// Add event listener to catch the bread
      document.getElementById('bread').addEventListener('click', catchBread);
    }

// Function to update the score
    function updateScore() {
      document.getElementById('score').innerText = `Score: ${score}`;
    }

// Function to update the timer
    function updateTimer() {
      time--;
      document.getElementById('timer').innerText = `Time: ${time}`;

if (time <= 0) {
        finishGame();
      }
    }

// Function to catch the bread
    function catchBread() {
      score++;
      updateScore();
    }

// Function to finish the game
    function finishGame() {
      clearInterval(timerInterval);

// Remove event listener
      document.getElementById('bread').removeEventListener('click', catchBread);

// Show game over message
      document.getElementById('timer').innerText = 'Game Over';

// Show final score
      alert(`Game Over!\nYour Score: ${score}`);
    }

// Start the game on page load
    window.onload = startGame;
  </script>
</body>
</html>
```