AI game creator

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

No:8088

3090

←

Prev Next

→

Plant game
Developer User4131｜Date and time 23/7/12 23:11:19
Build time 9.74 sec｜Game capacity 1.804KB｜

Script

Sure! Here's a simple plant game implemented in a single HTML file using JavaScript:

🌱

In this game, you'll see a plant represented by pictograms. Clicking the "Water" button will increase the water level, thereby making the plant grow to the next stage. Once the plant reaches its maximum growth stage, it will start from the initial stage again when watered.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple plant game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Plant Game</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
      }

#plant {
        font-size: 10rem;
      }

#water-button {
        padding: 1rem;
        font-size: 2rem;
        background-color: #42b883;
        color: #fff;
        cursor: pointer;
        border: none;
        border-radius: 0.5rem;
      }
    </style>
  </head>
  <body>
    <div id="plant" title="🌱">🌱</div>
    <button id="water-button">Water</button>

// Define initial water level and growth stages
      let waterLevel = 0;
      const growthStages = ["🌱", "🌿", "🌳"];

// Function to handle watering the plant
      function waterPlant() {
        waterLevel++;
        if (waterLevel >= growthStages.length) {
          // Plant has reached maximum growth, reset water level
          waterLevel = 0;
        }
        // Update the plant display
        plantElement.innerHTML = growthStages[waterLevel];
      }

// Add event listener to water button
      waterButton.addEventListener("click", waterPlant);
    </script>
  </body>
</html>
```