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

No:25183

←

Prev Next

→

idle game
Developer User12275｜Date and time 23/11/18 23:28:19
Build time 52.3 sec｜Game capacity 2.789KB｜

Script

Sure! Here's an example of an idle game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for a better user experience. Please note that this is a simplified example and you can customize it to your liking.

Idle Game

Click the icons to collect resources!

Resources:

In this game, there are two types of resources represented by pictograms (pictogram1.png and pictogram2.png). By clicking on the respective icons, you can collect resources, and the count of each resource is updated accordingly. Additionally, there is an option to enable/disable automatic resource collection, where the first resource is collected every second. Feel free to modify and enhance this example to create your own unique idle game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Idle Game</title>
</head>
<body>
    <div id="gameContainer">
        <div class="gameStatus">
            <h1>Idle Game</h1>
            <h2>Click the icons to collect resources!</h2>
        </div>
        <div class="resourceContainer">
            <h3>Resources:</h3>
            <div class="resource">
                <img src="pictogram1.png" alt="Resource 1" onclick="collectResource(1)">
                <p id="resource1Count">0</p>
            </div>
            <div class="resource">
                <img src="pictogram2.png" alt="Resource 2" onclick="collectResource(2)">
                <p id="resource2Count">0</p>
            </div>
        </div>
    </div>

// Function to collect resources on click
      function collectResource(resourceType) {
          if (resourceType === 1) {
              resource1Count += 1;
              document.getElementById("resource1Count").textContent = resource1Count;
          } else if (resourceType === 2) {
              resource2Count += 1;
              document.getElementById("resource2Count").textContent = resource2Count;
          }
      }

// Function to enable/disable automatic resource collection
      function toggleAutoCollect() {
          autoCollectEnabled = !autoCollectEnabled;
          if (autoCollectEnabled) {
              autoCollectInterval = setInterval(autoCollectResources, 1000);
          } else {
              clearInterval(autoCollectInterval);
          }
      }

// Function to automatically collect resources
      function autoCollectResources() {
          resource1Count += 1;
          document.getElementById("resource1Count").textContent = resource1Count;
      }

// Start automatic resource collection on page load
      window.onload = function() {
          toggleAutoCollect();
      };
    </script>
</body>
</html>
```

Feel free to modify and enhance this example to create your own unique idle game!