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

No:9854

←

Prev Next

→

incremental game
Developer User4436｜Date and time 23/7/28 4:48:23
Build time 18.329 sec｜Game capacity 2.218KB｜

Script

Sure, here's an example of an incremental game implemented as a single HTML file using JavaScript and pictograms. This game is a simple cookie clicker where you can click on a cookie to earn points and purchase upgrades to increase your clicking power.

Cookie Clicker

Click the cookie to earn points!

0 points

Upgrades

Please note that to see the actual game in action, you would need to replace the `src` attribute of the cookie image (`<img id="cookie" src="emozi_all/game.png">`) with the actual path to a cookie image file. This HTML file can be saved as a single HTML file and opened in a web browser to play the incremental game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cookie Clicker</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #score {
      font-size: 36px;
      margin-top: 50px;
    }
    
    #cookie {
      width: 200px;
      height: 200px;
      margin-top: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Cookie Clicker</h1>
  <p>Click the cookie to earn points!</p>
  
  <div id="score">0 points</div>
  
  <img id="cookie" src="cookie.png">
  
  <h2>Upgrades</h2>
  <ul id="upgrades">
    <li>
      <button onclick="buyUpgrade(10)">Click Power +1 (10 points)</button>
    </li>
    <li>
      <button onclick="buyUpgrade(50)">Click Power +5 (50 points)</button>
    </li>
    <li>
      <button onclick="buyUpgrade(100)">Click Power +10 (100 points)</button>
    </li>
  </ul>
  
  <script>
    // Game state
    let score = 0;
    let clickPower = 1;
    
    // Update the score display
    function updateScore() {
      document.getElementById("score").innerHTML = score + " points";
    }
    
    // Increment the score on cookie click
    function clickCookie() {
      score += clickPower;
      updateScore();
    }
    
    // Buy an upgrade
    function buyUpgrade(cost) {
      if (score >= cost) {
        clickPower += cost / 10;
        score -= cost;
        updateScore();
      } else {
        alert("Not enough points!");
      }
    }
    
    // Start game processing
    function startGame() {
      document.getElementById("cookie").addEventListener("click", clickCookie);
    }
    
    // Initialize game
    startGame();
  </script>
</body>
</html>
```

Please note that to see the actual game in action, you would need to replace the `src` attribute of the cookie image (`<img id="cookie" src="cookie.png">`) with the actual path to a cookie image file. This HTML file can be saved as a single HTML file and opened in a web browser to play the incremental game.