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

No:15242

167

←

Prev Next

→

A basic city builder game with money, gems, citize..ALL
Developer User5869｜Date and time 23/9/8 0:06:47
Build time 33.319 sec｜Game capacity 3.241KB｜

Script

City Builder Game

Resources:

Citizens:

Area:

Density: km²/p

Money:

Gems:

Upgrades:

Upgrade 1 (Cost: 100000, Residences: 100)
Upgrade 2 (Cost: 200000, Residences: 200)
Upgrade 3 (Cost: 300000, Residences: 300)

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>City Builder Game</title>
  <script>
    // City variables
    var citizens = 0;
    var area = 0;
    var density = 0;
    var money = 250000;
    var gems = 0;
    var level = 1;
    var upgrades = [];

// Functions to update game values
    function updateCitizens() {
      var residences = 0;
      for (var i = 0; i < upgrades.length; i++) {
        residences += upgrades[i].residences;
      }
      citizens += residences;
      setTimeout(updateCitizens, 30);
    }

function updateArea() {
      area = level * 1.25;
    }

function updateDensity() {
      density = citizens / area;
    }

function updateMoney() {
      var totalUpgradeSum = upgrades.reduce(function(sum, upgrade) {
        return sum + upgrade.cost;
      }, 0);
      money += totalUpgradeSum;
      setTimeout(updateMoney, 10);
    }

// Function to start the game
    function startGame() {
      updateCitizens();
      updateArea();
      updateDensity();
      updateMoney();
    }

// Function to create a new country
    function createCountry() {
      if (citizens >= 2500000 && area > 1000000 && money >= 5000000000) {
        alert("Country created successfully!");
      } else {
        alert("Insufficient resources to create a country!");
      }
    }

// Upgrade object constructor
    function Upgrade(name, residences, cost) {
      this.name = name;
      this.residences = residences;
      this.cost = cost;
    }

// Function to buy an upgrade
    function buyUpgrade(name, residences, cost) {
      if (money >= cost) {
        upgrades.push(new Upgrade(name, residences, cost));
        money -= cost;
        updateMoney();
        updateCitizens();
        updateDensity();
      } else {
        alert("Insufficient funds to buy this upgrade!");
      }
    }
  </script>
</head>
<body onload="startGame()">
  <h1>City Builder Game</h1>
  <h2>Resources:</h2>
  <p>Citizens: <span id="citizens"></span></p>
  <p>Area: <span id="area"></span></p>
  <p>Density: <span id="density"></span> km²/p</p>
  <p>Money: <span id="money"></span></p>
  <p>Gems: <span id="gems"></span></p>
  <h3>Upgrades:</h3>
  <ul id="upgrades">
    <li>Upgrade 1 (Cost: 100000, Residences: 100)</li>
    <li>Upgrade 2 (Cost: 200000, Residences: 200)</li>
    <li>Upgrade 3 (Cost: 300000, Residences: 300)</li>
  </ul>
  <button onclick="buyUpgrade('Upgrade 1', 100, 100000)">Buy Upgrade 1</button>
  <button onclick="buyUpgrade('Upgrade 2', 200, 200000)">Buy Upgrade 2</button>
  <button onclick="buyUpgrade('Upgrade 3', 300, 300000)">Buy Upgrade 3</button>
  <br>
  <button onclick="createCountry()">Create Country</button>

// Update game values on the HTML document
    setInterval(function() {
      updateHTMLValues();
    }, 1000);
  </script>
</body>
</html>