AI game creator

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

No:34047

←

Prev Next

→

idle game
Developer User16019｜Date and time 24/1/8 0:22:31
Build time 20.279 sec｜Game capacity 2.365KB｜

Script

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript. The game simulates a virtual garden where players can earn points by planting and growing crops. The game can be played on a smartphone:

In this game, players can earn points by clicking the "Plant" button, which increases the score by the current crop value. Additionally, players can click the "Harvest" button to spend their accumulated points to increase the number of crops they can grow. Finally, the "Upgrade" button allows players to spend points to increase the value of each crop they plant. This is just a simple example, but you can expand upon it by adding more gameplay mechanics, graphics, and features as per your requirement.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Idle Garden Game</title>
    <style>
      #farm {
        font-size: 50px;
        text-align: center;
        padding-top: 50px;
      }
    </style>
  </head>
  <body>
    <div id="farm">
      <span id="score">0</span>
      <br />
      <button id="plantButton">Plant</button>
      <button id="harvestButton">Harvest</button>
      <button id="upgradeButton">Upgrade</button>
    </div>

// DOM elements
      const scoreElement = document.getElementById("score");
      const plantButton = document.getElementById("plantButton");
      const harvestButton = document.getElementById("harvestButton");
      const upgradeButton = document.getElementById("upgradeButton");

// Planting crops
      plantButton.addEventListener("click", () => {
        score += cropValue;
        scoreElement.textContent = score;
      });

// Harvesting crops
      harvestButton.addEventListener("click", () => {
        if (score >= plants) {
          score -= plants;
          plants++;
          scoreElement.textContent = score;
        }
      });

// Upgrading crop value
      upgradeButton.addEventListener("click", () => {
        if (score >= upgradeCost) {
          score -= upgradeCost;
          cropValue += 10;
          upgradeCost *= 2;
          scoreElement.textContent = score;
          upgradeButton.textContent = "Upgrade (" + upgradeCost + ")";
        }
      });
    </script>
  </body>
</html>
```

This is just a simple example, but you can expand upon it by adding more gameplay mechanics, graphics, and features as per your requirement.