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

No:30549

←

Prev Next

→

incremental game
Developer User14837｜Date and time 23/12/22 19:03:10
Build time 24.329 sec｜Game capacity 3.89KB｜

Script

Sure! Here's a simple incremental game implemented as a single HTML file, using JavaScript. The game allows players to gather points by clicking on a pictogram, which can then be used to unlock various upgrades. It is designed to work on smartphones.

Incremental Game

Score: 0

⭐️

Upgrade 1 (Cost: 10)

Upgrade 2 (Cost: 50)

Upgrade 3 (Cost: 100)

Upgrade 4 (Cost: 500)

This game starts with a score of 0, and players can click on the ⭐️ pictogram to increment their score. The game also includes upgrades that can be purchased using the score. Each upgrade increases the score gained per click. The cost of the upgrades increases with each purchase. Please note that this is a very basic implementation and can be further enhanced with additional features and graphics based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Incremental Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            margin-top: 20px;
        }
        #score {
            font-size: 24px;
            margin-bottom: 10px;
        }
        #pictogram {
            font-size: 40px;
            cursor: pointer;
            user-select: none;
        }
        #upgrades {
            margin-top: 20px;
        }
        .upgrade {
            display: inline-block;
            background-color: #f1f1f1;
            padding: 10px;
            margin-right: 10px;
            cursor: pointer;
            user-select: none;
        }
        .upgrade:not(.unaffordable):hover {
            background-color: #e1e1e1;
        }
        .unaffordable {
            opacity: 0.5;
            cursor: not-allowed;
        }
    </style>
</head>
<body>
    <h1>Incremental Game</h1>
    <div>
        <div id="score">Score: 0</div>
        <div id="pictogram" onclick="incrementScore()">⭐️</div>
    </div>
    <div id="upgrades">
        <div class="upgrade" onclick="buyUpgrade(10)">Upgrade 1 (Cost: 10)</div>
        <div class="upgrade" onclick="buyUpgrade(50)">Upgrade 2 (Cost: 50)</div>
        <div class="upgrade" onclick="buyUpgrade(100)">Upgrade 3 (Cost: 100)</div>
        <div class="upgrade" onclick="buyUpgrade(500)">Upgrade 4 (Cost: 500)</div>
    </div>

function incrementScore() {
            score += clickIncrement;
            updateScore();
        }

function buyUpgrade(upgradeId) {
            var upgrade = upgrades[upgradeId];
            if (score >= upgrade.cost) {
                score -= upgrade.cost;
                clickIncrement *= upgrade.multiplier;
                upgrade.cost *= 10; // Increase cost for next upgrade
                updateScore();
                updateUpgrades();
            }
        }

function updateScore() {
            document.getElementById('score').innerHTML = 'Score: ' + score;
        }

// Initial setup
        updateScore();
        updateUpgrades();
    </script>
</body>
</html>
```

Please note that this is a very basic implementation and can be further enhanced with additional features and graphics based on your requirements.