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

No:10420

Make an idle click game with 10 clickers you can b..ALL
Developer Micah｜Date and time 23/7/31 10:46:40
Build time 29.498 sec｜Game capacity 3.603KB｜

Script

Sure! Here's an example of how you can create an idle click game with 10 clickers that can be bought using clicks. Each clicker has an increasing point value, and your total points go down when you upgrade or buy a new clicker. The game is designed for smartphone operation using pictograms, and it's implemented as a single HTML file enclosed in script tags:

Idle Click Game

0 points

Clickers:

Clicker 0 - Free

In this example, each clicker is represented by an image file `emozi_all/clicker.png`, `emozi_chicken.png`, etc., and you would need to replace the image sources with your respective clicker icons.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Idle Click Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #points {
      font-size: 24px;
    }
    #clickerButtons {
      margin-top: 20px;
    }
    .clickerButton {
      display: inline-block;
      margin: 10px;
      padding: 10px;
      background-color: #f2f2f2;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Idle Click Game</h1>
  <div id="points">0 points</div>
  <h3>Clickers:</h3>
  <div id="clickerButtons">
    <div id="clicker_0" class="clickerButton" onclick="buyClicker(0)">
      <img src="clicker_0.png" width="64" height="64" alt="Clicker 0" />
      <br>Clicker 0 - Free
    </div>
  </div>

function updatePoints() {
      document.getElementById('points').textContent = points + " points";
    }

function buyClicker(clickerIndex) {
      var clickerPrice = clickerPrices[clickerIndex];
      if (points >= clickerPrice) {
        points -= clickerPrice;
        clickerLevels[clickerIndex] += 1;
        var newClickerPrice = clickerPrice * 2;
        clickerPrices[clickerIndex] = newClickerPrice;
        updatePoints();
        updateClickerButton(clickerIndex, newClickerPrice);
      }
    }

function updateClickerButton(clickerIndex, clickerPrice) {
      var clickerButton = document.getElementById('clicker_' + clickerIndex);
      clickerButton.innerHTML = '<img src="clicker_' + clickerIndex + '.png" width="64" height="64" alt="Clicker ' + clickerIndex + '" />' +
                                '<br>Clicker ' + clickerIndex + ' - Level ' + clickerLevels[clickerIndex] +
                                '<br>' + clickerPrice + ' points';
    }

function clickerClick(clickerIndex) {
      var clickerValue = clickerValues[clickerIndex] * clickerLevels[clickerIndex];
      points += clickerValue;
      updatePoints();
    }

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

In this example, each clicker is represented by an image file `clicker_0.png`, `clicker_1.png`, etc., and you would need to replace the image sources with your respective clicker icons.