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

No:8577

1899

←

Prev Next

→

idle game
Developer User4212｜Date and time 23/7/17 1:10:42
Build time 18.626 sec｜Game capacity 1.95KB｜

Script

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript:

Idle Game

0 per second

This simple idle game allows players to gather pictograms by clicking the "Gather" button. It displays the current number of pictograms collected and the production rate per second. The player can also increase the production rate by spending 10 pictograms. You can replace the `emozi_all/pictogram.png` path with your own pictogram image to make it more visually appealing.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Idle Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }

#playArea {
      margin-top: 100px;
    }

button {
      padding: 10px 20px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <h1>Idle Game</h1>
  
  <div id="playArea">
    <p>
      <button onclick="gatherPictograms()">Gather</button>
    </p>
    <img src="pictogram.png" alt="Pictogram" id="pictogramImage" width="150" height="150">
    <p id="pictogramCount">0</p>
    <p id="pictogramPerSecond">0 per second</p>
  </div>

function gatherPictograms() {
      pictogramCount++;
      document.getElementById("pictogramCount").textContent = pictogramCount;
    }

function startAutomation() {
      setInterval(function() {
        pictogramCount += pictogramPerSecond;
        document.getElementById("pictogramCount").textContent = pictogramCount;
      }, 1000);
    }

function increaseProduction() {
      if (pictogramCount < 10) {
        alert("Not enough pictograms to increase production!");
        return;
      }

pictogramCount -= 10;
      document.getElementById("pictogramCount").textContent = pictogramCount;
      pictogramPerSecond++;
      document.getElementById("pictogramPerSecond").textContent = pictogramPerSecond + " per second";
    }

startAutomation();
  </script>
</body>
</html>
```

You can replace the `pictogram.png` path with your own pictogram image to make it more visually appealing.