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

No:17409

117

←

Prev Next

→

idle game
Developer User7673｜Date and time 23/9/23 8:39:42
Build time 21.235 sec｜Game capacity 2.863KB｜

Script

Sure! Here's a simple idle game implemented as a single HTML file using JavaScript. I have enclosed the code within script tags for easy execution. The game is designed to be played on a smartphone and uses pictograms for a better user experience. Please note that this is a basic example and can be expanded upon to add more features and gameplay mechanics.

Idle Game

In this game, you start with a score of 0 and can increase it by clicking on the "Click" button. Each click will add 1 to the score. You can also spend your coins to purchase upgrades to increase the score obtained per click. Upgrades cost increasingly more coins as you progress. The game interface consists of a pictogram representing a coin, the current score, a "Click" button, and an "Upgrade" button. Simply click the buttons to play the game. Feel free to modify and expand upon this code to create a more complex and engaging 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>
    <style>
        #container {
            text-align: center;
            padding: 50px;
        }

#score {
            font-size: 24px;
        }

#clickButton {
            font-size: 18px;
            margin-top: 10px;
        }

#upgradeButton {
            font-size: 18px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>Idle Game</h1>
        <img src="pictograms/coin.png" alt="coin" width="50" height="50">
        <span id="score">0</span>
        <br>
        <button id="clickButton">Click</button>
        <br>
        <button id="upgradeButton">Upgrade</button>
    </div>
    <script>
        // Game variables
        var score = 0;
        var clickValue = 1;
        var upgradeCost = 10;

// DOM elements
        var scoreElement = document.getElementById("score");
        var clickButton = document.getElementById("clickButton");
        var upgradeButton = document.getElementById("upgradeButton");

// Update score display
        function updateScore() {
            scoreElement.textContent = score;
        }

// Increase score when click button is clicked
        clickButton.addEventListener("click", function () {
            score += clickValue;
            updateScore();
        });

// Upgrade click value when upgrade button is clicked
        upgradeButton.addEventListener("click", function () {
            if (score >= upgradeCost) {
                score -= upgradeCost;
                clickValue++;
                updateScore();
                upgradeCost *= 2;
                upgradeButton.textContent = "Upgrade (" + upgradeCost + " coins)";
            }
        });

// Initial setup
        updateScore();
        upgradeButton.textContent = "Upgrade (" + upgradeCost + " coins)";
    </script>
</body>
</html>
```

The game interface consists of a pictogram representing a coin, the current score, a "Click" button, and an "Upgrade" button. Simply click the buttons to play the game.

Feel free to modify and expand upon this code to create a more complex and engaging idle game!