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

No:18008

Make a idle evolution game where you need coins to..ALL
Developer User7632｜Date and time 23/9/25 22:20:37
Build time 23.89 sec｜Game capacity 2.501KB｜

Script

Sure, here's a simple implementation of an idle evolution game using JavaScript, HTML, and pictograms. It starts from the Stone Age and progresses through different eras, culminating in the Space Age. You'll need coins to evolve to the next era, with the requirement for the Space Age being 60 trillion coins.

Idle Evolution Game

Coins: 0

Era: Stone Age

In this game, you start in the Stone Age and collect coins by clicking the "Collect Coin" button. The accumulated coins are displayed at the top. As you gather enough coins, you can click the "Evolve" button to advance to the next era. Each era has an associated evolution cost. The game also includes an automatic coin generation feature, where you gain a certain number of coins per second based on the current era (eraIndex + 1). Note: This is a basic implementation, and it can be further enhanced with graphics, animations, and more features according to your preference.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Idle Evolution Game</title>
    <style>
        #coin-count {
            font-size: 24px;
        }
        
        #era {
            font-size: 36px;
        }
    </style>
</head>
<body>
    <script>
        var coinCount = 0;
        var eras = ["Stone Age", "Bronze Age", "Iron Age", "Medieval Age", "Industrial Age", "Space Age"];
        var eraIndex = 0;
        var evolutionCosts = [10, 100, 1000, 10000, 100000, 60000000000000]; // Evolution costs for each era
        
        function evolve() {
            if (coinCount >= evolutionCosts[eraIndex]) {
                coinCount -= evolutionCosts[eraIndex];
                eraIndex++;
                updateDisplay();
            }
        }
        
        function updateDisplay() {
            document.getElementById("coin-count").innerText = "Coins: " + coinCount.toExponential(2);
            document.getElementById("era").innerText = "Era: " + eras[eraIndex];
        }
        
        // Function to add coins whenever the user interacts with the game
        function addCoins(amount) {
            coinCount += amount;
            updateDisplay();
        }
        
        setInterval(function() {
            coinCount += eraIndex + 1; // Automatically gain coins over time every second
            updateDisplay();
        }, 1000);
    </script>
    
    <h1>Idle Evolution Game</h1>
    <p id="coin-count">Coins: 0</p>
    <p id="era">Era: Stone Age</p>
    <button onclick="addCoins(1)">Collect Coin</button>
    <button onclick="evolve()">Evolve</button>
</body>
</html>
```

The game also includes an automatic coin generation feature, where you gain a certain number of coins per second based on the current era (eraIndex + 1).

Note: This is a basic implementation, and it can be further enhanced with graphics, animations, and more features according to your preference.