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

No:21206

105

idle game
Developer User9329｜Date and time 23/10/14 4:14:27
Build time 54.754 sec｜Game capacity 3.072KB｜

Sure! Here's a simple implementation of an idle game using JavaScript and pictograms. The game revolves around collecting coins and buying upgrades to increase your coin production. You can play it as a finished game by running the HTML file on your smartphone.

Idle Coin Collector

Coin

0 Coins

In this game, clicking on the coin image will increment the coin count by 1. Additionally, there is an upgrade button that allows the player to buy an upgrade using their coins, increasing their coin production rate. The upgrade costs 10 coins initially and doubles in cost each time it is purchased. The game has a 1 second interval loop that adds coins based on the upgrade multiplier. To use this game, save the code as an HTML file, and ensure you have a `emozi_all/game.png` image file in the same directory. Then, open the HTML file on your smartphone's web browser, and you can play the idle coin collector game. Please note that this is a very basic implementation and can be expanded upon to include more features, graphics, and mechanics.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of an idle game using JavaScript and pictograms. The game revolves around collecting coins and buying upgrades to increase your coin production. You can play it as a finished game by running the HTML file on your smartphone.

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      
      h1 {
        margin-top: 50px;
      }
      
      #coinImage {
        width: 100px;
        height: 100px;
        margin-top: 30px;
      }
      
      #coinCount {
        font-size: 24px;
        margin-top: 10px;
      }
      
      #upgradeButton {
        margin-top: 30px;
        padding: 10px 20px;
        font-size: 20px;
        background-color: #4CAF50;
        border: none;
        color: white;
        cursor: pointer;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <h1>Idle Coin Collector</h1>
    <img id="coinImage" src="coin.png" alt="Coin">
    <p id="coinCount">0 Coins</p>
    <button id="upgradeButton">Buy Upgrade (10 Coins)</button>
    
    <script>
      var coinCount = 0;
      var upgradeCost = 10;
      var upgradeMultiplier = 2;
      
      var coinImage = document.getElementById("coinImage");
      var coinCountDisplay = document.getElementById("coinCount");
      var upgradeButton = document.getElementById("upgradeButton");
      
      coinImage.addEventListener("click", function() {
        coinCount++;
        updateCoinCountDisplay();
      });
      
      upgradeButton.addEventListener("click", function() {
        if (coinCount >= upgradeCost) {
          coinCount -= upgradeCost;
          upgradeCost *= upgradeMultiplier;
          upgradeMultiplier++;
          updateCoinCountDisplay();
          updateUpgradeButton();
        }
      });
      
      function updateCoinCountDisplay() {
        coinCountDisplay.textContent = coinCount + " Coins";
      }
      
      function updateUpgradeButton() {
        upgradeButton.textContent = "Buy Upgrade (" + upgradeCost + " Coins)";
      }
      
      function gameLoop() {
        setInterval(function() {
          coinCount += upgradeMultiplier;
          updateCoinCountDisplay();
        }, 1000);
      }
      
      gameLoop();
    </script>
  </body>
</html>
```

In this game, clicking on the coin image will increment the coin count by 1. Additionally, there is an upgrade button that allows the player to buy an upgrade using their coins, increasing their coin production rate. The upgrade costs 10 coins initially and doubles in cost each time it is purchased. The game has a 1 second interval loop that adds coins based on the upgrade multiplier.

To use this game, save the code as an HTML file, and ensure you have a `coin.png` image file in the same directory. Then, open the HTML file on your smartphone's web browser, and you can play the idle coin collector game.

Please note that this is a very basic implementation and can be expanded upon to include more features, graphics, and mechanics.