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

No:13403

City building game with money, population and rese..ALL
Developer User5869｜Date and time 23/8/28 4:21:38
Build time 14.592 sec｜Game capacity 3.725KB｜

Script

Voici un exemple d'implémentation d'un jeu de construction de ville en utilisant HTML, JavaScript et des pictogrammes.

City Building Game

Resources

Money: 0

Population: 0

Research Points: 0

Buildings

Ce code crée une simple interface HTML avec des boutons pour la construction des différents types de bâtiments. Lorsque vous cliquez sur un bouton, la fonction `build()` est appelée avec le type de bâtiment sélectionné. Cette fonction met à jour les ressources en fonction du type de bâtiment choisi et met à jour l'affichage. Notez que ce code ne contient pas de logique de jeu avancée telle que la croissance de la population, l'évolution des bâtiments ou d'autres fonctionnalités supplémentaires. Cependant, cette base peut être étendue pour inclure ces fonctionnalités et en faire un jeu plus complet.

←

Prev　Next

→ 　

Back　

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

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

Voici un exemple d'implémentation d'un jeu de construction de ville en utilisant HTML, JavaScript et des pictogrammes.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .building {
            display: block;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>City Building Game</h1>
    
    <h2>Resources</h2>
    <p>Money: <span id="money">0</span></p>
    <p>Population: <span id="population">0</span></p>
    <p>Research Points: <span id="researchPoints">0</span></p>
    
    <h2>Buildings</h2>
    <button id="commercialBuilding" class="building" onclick="build('commercial')">Commercial Building</button>
    <button id="home" class="building" onclick="build('home')">Home</button>
    <button id="apartment" class="building" onclick="build('apartment')">Apartment</button>
    <button id="industry" class="building" onclick="build('industry')">Industry</button>
    <button id="energy" class="building" onclick="build('energy')">Energy</button>
    <button id="water" class="building" onclick="build('water')">Water</button>
    <button id="school" class="building" onclick="build('school')">School</button>
    <button id="university" class="building" onclick="build('university')">University</button>
    
    <script>
        // Variables de jeu
        var money = 0;
        var population = 0;
        var researchPoints = 0;
        
        // Fonction pour la construction de bâtiments
        function build(buildingType) {
            switch (buildingType) {
                case 'commercial':
                    money += 2;
                    population -= 25;
                    break;
                    
                case 'home':
                case 'apartment':
                    money += 1;
                    population += 50;
                    break;
                    
                case 'industry':
                    money += 5;
                    population -= 75;
                    break;
                    
                case 'energy':
                case 'water':
                    if (money >= 25) {
                        money -= 25;
                    } else {
                        alert('Not enough money!');
                    }
                    break;
                    
                case 'school':
                case 'university':
                    if (money >= 100) {
                        money -= 100;
                        researchPoints++;
                    } else {
                        alert('Not enough money!');
                    }
                    break;
            }
            
            updateDisplay();
        }
        
        // Mise à jour de l'affichage des ressources
        function updateDisplay() {
            document.getElementById('money').textContent = money;
            document.getElementById('population').textContent = population;
            document.getElementById('researchPoints').textContent = researchPoints;
        }
        
        // Démarrer le jeu
        updateDisplay();
    </script>
</body>
</html>
```

Notez que ce code ne contient pas de logique de jeu avancée telle que la croissance de la population, l'évolution des bâtiments ou d'autres fonctionnalités supplémentaires. Cependant, cette base peut être étendue pour inclure ces fonctionnalités et en faire un jeu plus complet.