A city builder that does not require a browser where you need to upgrade buildings and Try not to get bankrupt's game

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

No:8613

←

Prev Next

→

A city builder that does not require a browser whe..ALL
Developer User4222｜Date and time 23/7/17 10:44:11
Build time 24.35 sec｜Game capacity 3.212KB｜

Script

Sure! Here's a playable sample game for a city builder:

City Builder

In this game, you can click the "Build Building" button to construct a new building in your city, provided you have enough budget. Each building costs 200 units from the budget. The buildings are represented by yellow rectangles with their respective numbers. You can also click the "Upgrade Buildings" button to upgrade all existing buildings in your city, again, if you have enough budget. Each building upgrade costs 100 units from the budget. The upgraded buildings will turn red. Note: This is just a simple example to demonstrate the functionality of the game. You can enhance it further by adding more features, levels, and graphics.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a playable sample game for a city builder:

```html
<!DOCTYPE html>
<html>
<head>
    <title>City Builder Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #city {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            height: 300px;
            background-color: #d3d3d3;
            margin-bottom: 20px;
        }
        
        .building {
            width: 60px;
            margin-right: 10px;
            background-color: #ffcc00;
            text-align: center;
            padding-bottom: 10px;
        }
        
        h2 {
            margin-top: 0;
        }
        
        button {
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h2>City Builder</h2>
    <div id="city"></div>
    <button onclick="buildBuilding()">Build Building</button>
    <button onclick="upgradeBuildings()">Upgrade Buildings</button>
    <script>
        const city = document.getElementById('city');
        let buildingCount = 0;
        let budget = 1000;
        
        function buildBuilding() {
            if (budget < 200) {
                alert("Not enough budget to build a new building!");
                return;
            }
            
            const building = document.createElement('div');
            building.classList.add('building');
            building.innerText = 'B' + buildingCount++;
            city.appendChild(building);
            
            budget -= 200;
            updateBudget();
        }
        
        function upgradeBuildings() {
            if (buildingCount === 0) {
                alert("No buildings to upgrade!");
                return;
            }
            
            if (budget < buildingCount * 100) {
                alert("Not enough budget to upgrade buildings!");
                return;
            }
            
            const buildings = document.getElementsByClassName('building');
            for (let i = 0; i < buildings.length; i++) {
                buildings[i].style.backgroundColor = '#ff0000';
            }
            
            budget -= buildingCount * 100;
            updateBudget();
        }
        
        function updateBudget() {
            const budgetElement = document.getElementById('budget');
            budgetElement.innerText = budget;
        }
        
        updateBudget();
    </script>
</body>
</html>
```

You can also click the "Upgrade Buildings" button to upgrade all existing buildings in your city, again, if you have enough budget. Each building upgrade costs 100 units from the budget. The upgraded buildings will turn red.

Note: This is just a simple example to demonstrate the functionality of the game. You can enhance it further by adding more features, levels, and graphics.