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

No:12040

A game where you have your own earth and you must ..ALL
Developer User5036｜Date and time 23/8/14 0:05:10
Build time 26.971 sec｜Game capacity 3.9KB｜

Script

Sure, here's an example of an HTML game that meets your requirements:

Earth Protector Game

Please note that the above code assumes you have appropriate image files (`emozi_all/bucket.png`, `emozi_chicken.png`, and `emozi_all/hammer.png`) for the icons. You may need to provide your own images or modify the code to use different visual elements. To play the game, open the HTML file in a web browser, and you'll see the Earth and the icons (bucket, fire extinguisher, and hammer). The game will trigger a random disaster every 5 seconds and alert you with a warning. You need to click the corresponding icon to stop the disaster within a few seconds. The icon will briefly move to simulate action and then return to its initial position. Remember to replace the `onClickAction` function with your specific prevention logic for each type of disaster (floods, forest fires, and asteroids).

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of an HTML game that meets your requirements:

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Earth Protector Game</title>
  <style>
    #earth {
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background-color: #3CB371;
      margin: 50px auto;
      position: relative;
    }

.icon {
      position: absolute;
      transition: top 0.5s ease-in-out;
    }

#bucket {
      width: 80px;
      height: 80px;
      top: 100px;
      left: 40px;
    }

#fire_extinguisher {
      width: 60px;
      height: 60px;
      top: 150px;
      left: 180px;
    }

#hammer {
      width: 70px;
      height: 70px;
      top: 40px;
      left: 180px;
    }
  </style>
</head>

<body>
  <h1>Earth Protector Game</h1>
  <div id="earth">
    <img id="bucket" class="icon" src="bucket.png" alt="Bucket">
    <img id="fire_extinguisher" class="icon" src="fire_extinguisher.png" alt="Fire Extinguisher">
    <img id="hammer" class="icon" src="hammer.png" alt="Hammer">
  </div>

function startGame() {
      setInterval(triggerDisaster, 5000);
    }

function triggerDisaster() {
      currentDisaster = disasters[Math.floor(Math.random() * disasters.length)];
      alert("Warning: " + currentDisaster + " incoming!");
      setTimeout(stopDisaster, 3000);
    }

function stopDisaster() {
      alert("Disaster stopped!");
    }

function moveIcon(icon) {
      icon.style.top = "250px"; // Move the icon to simulate action
      setTimeout(function () {
        icon.style.top = icon.getAttribute("data-initial-top") + "px";
      }, 1000);
    }

// Initialize icon positions
    bucket.setAttribute("data-initial-top", bucket.offsetTop);
    fireExtinguisher.setAttribute("data-initial-top", fireExtinguisher.offsetTop);
    hammer.setAttribute("data-initial-top", hammer.offsetTop);

// Event listeners
    bucket.addEventListener("click", onClickAction);
    fireExtinguisher.addEventListener("click", onClickAction);
    hammer.addEventListener("click", onClickAction);

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

</html>
```

Please note that the above code assumes you have appropriate image files (`bucket.png`, `fire_extinguisher.png`, and `hammer.png`) for the icons. You may need to provide your own images or modify the code to use different visual elements.

To play the game, open the HTML file in a web browser, and you'll see the Earth and the icons (bucket, fire extinguisher, and hammer). The game will trigger a random disaster every 5 seconds and alert you with a warning. You need to click the corresponding icon to stop the disaster within a few seconds. The icon will briefly move to simulate action and then return to its initial position.

Remember to replace the `onClickAction` function with your specific prevention logic for each type of disaster (floods, forest fires, and asteroids).