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

No:23707

←

Prev Next

→

a clicker game with shop
Developer User11109｜Date and time 23/11/3 1:56:24
Build time 53.276 sec｜Game capacity 3.03KB｜

Script

Bien sûr! Voici un exemple de jeu clicker avec une boutique intégrée, implémenté en un seul fichier HTML:

Clicker Game

Cliquez sur l'image pour accumuler des points!

0 points

Dans ce jeu clicker, il suffit de cliquer sur l'image pour accumuler des points. Le score est affiché en haut de la page. Vous pouvez également acheter des articles dans la boutique en cliquant sur les boutons "Acheter" correspondants. Chaque article a son propre coût et valeur. Le score est également augmenté automatiquement toutes les secondes en fonction des articles achetés. Notez que vous devrez remplacer les noms d'image "emozi_rabbit.png" et "emozi_apple.png" par les noms réels des pictogrammes que vous souhaitez utiliser dans le jeu. J'espère que cela vous aide à créer votre jeu clicker avec une boutique intégrée! Good luck!

←

Prev　Next

→ 　

Back　

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

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

Bien sûr! Voici un exemple de jeu clicker avec une boutique intégrée, implémenté en un seul fichier HTML:

```
<!DOCTYPE html>
<html>
<head>
    <title>Clicker Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #score {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        #shop {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: 20px;
        }
        
        .item img {
            width: 100px;
            height: 100px;
            margin-bottom: 10px;
        }
        
        .item button {
            margin-top: 5px;
            padding: 5px 10px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>Clicker Game</h1>
    <p>Cliquez sur l'image pour accumuler des points!</p>
    <div id="score">0 points</div>
    
    <div id="shop">
        <div class="item">
            <img src="pictogram1.png" alt="Item 1">
            <button onclick="buyItem(1)">Acheter</button>
        </div>
        
        <div class="item">
            <img src="pictogram2.png" alt="Item 2">
            <button onclick="buyItem(2)">Acheter</button>
        </div>
    </div>
    
    <script>
        var score = 0;
        var itemCount = [0, 0];
        var itemCosts = [10, 20];
        var itemValues = [1, 2];
        
        function updateScore() {
            document.getElementById("score").textContent = score + " points";
        }
        
        function incrementScore() {
            score++;
            updateScore();
        }
        
        function buyItem(itemIndex) {
            if (score >= itemCosts[itemIndex - 1]) {
                score -= itemCosts[itemIndex - 1];
                itemCount[itemIndex - 1]++;
                itemCosts[itemIndex - 1] *= 2;
                itemValues[itemIndex - 1] *= 2;
                updateScore();
            }
        }
        
        setInterval(function() {
            score += itemCount[0] * itemValues[0];
            score += itemCount[1] * itemValues[1];
            updateScore();
        }, 1000);
    </script>
</body>
</html>

```

Notez que vous devrez remplacer les noms d'image "pictogram1.png" et "pictogram2.png" par les noms réels des pictogrammes que vous souhaitez utiliser dans le jeu.

J'espère que cela vous aide à créer votre jeu clicker avec une boutique intégrée! Good luck!