A basic city builder game with money, gems, citizens, density. Citizens adds by the sum of residences each 30 milliseconds, density are calculated by dividing the citizens by the city area. Money adds by the sum of all upgrades each 10 milliseconds.'s game

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

No:15235

136

←

Prev Next

→

A basic city builder game with money, gems, citize..ALL
Developer User5869｜Date and time 23/9/7 23:56:39
Build time 19.551 sec｜Game capacity 1.884KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// Function to calculate density
        function calculateDensity() {
            return citizens / cityArea;
        }

// Function to add citizens every 30 milliseconds
        function addCitizens() {
            citizens += residences;
        }

// Function to add money every 10 milliseconds
        function addMoney() {
            money += upgrades;
        }

// Game loop
        function gameLoop() {
            // Update citizens and density
            addCitizens();
            var density = calculateDensity();

// Update money
            addMoney();

// Draw the game
            drawGame();

// Repeat the game loop after a delay
            setTimeout(gameLoop, 100);
        }

// Function to draw the game
        function drawGame() {
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");

// Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the city area
            ctx.fillStyle = "#E0E0E0";
            ctx.fillRect(0, 0, cityArea, cityArea);

// Draw citizens
            ctx.fillStyle = "#000000";
            ctx.fillText("Citizens: " + citizens, 10, 20);

// Draw density
            ctx.fillStyle = "#000000";
            ctx.fillText("Density: " + density, 10, 40);

// Draw money
            ctx.fillStyle = "#000000";
            ctx.fillText("Money: " + money, 10, 60);
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>