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

No:14948

A game where you have to collect money and bulid a..ALL
Developer User6337｜Date and time 23/9/5 2:56:42
Build time 26.174 sec｜Game capacity 2.89KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file that meets the given requirements. The game involves collecting money, building a city, and aiming to build 200 cities to become the president. It uses pictograms for a more visual experience. Note that this is a basic implementation and can be expanded further.

City Builder Game

In this game, you can click on the money icon to collect money and click on the city icon to build a city. Each city built requires 100 units of money. The goal is to build a total of 200 cities to become the President. The game continuously updates the player's money and cities built stats on the canvas. Please note that this is a basic example and can be enhanced with additional features, graphics, and gameplay mechanics as needed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>City Builder Game</title>
</head>
<body>
  <h1>City Builder Game</h1>
  
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  
  <script>
    // Game variables
    var money = 0;
    var citiesBuilt = 0;
    
    // Create the game canvas
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
  
    // Load pictogram images
    var cityImage = new Image();
    var moneyImage = new Image();
    cityImage.src = "city.png"; // replace with appropriate image URL
    moneyImage.src = "money.png"; // replace with appropriate image URL
    
    // Player controls
    canvas.addEventListener("click", function(event) {
      var rect = canvas.getBoundingClientRect();
      var x = event.clientX - rect.left;
      var y = event.clientY - rect.top;
      
      // Check if player clicked on the city or money icon
      if (x >= canvas.width - 50 && y >= canvas.height - 50) {
        // Build city
        if (money > 100) {
          money -= 100;
          citiesBuilt++;
          if (citiesBuilt >= 200) {
            alert("Congratulations! You built 200 cities and became the President!");
          }
        } else {
          alert("Not enough money to build a city!");
        }
      } else if (x >= canvas.width - 50 && y >= canvas.height - 100) {
        // Collect money
        money += 10;
      }
    });
    
    // Game loop
    function gameLoop() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw money icon
      ctx.drawImage(moneyImage, canvas.width - 50, canvas.height - 100, 40, 40);
      
      // Draw city icon
      ctx.drawImage(cityImage, canvas.width - 50, canvas.height - 50, 40, 40);
      
      // Display player stats
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Money: $" + money, 10, 30);
      ctx.fillText("Cities Built: " + citiesBuilt, 10, 60);
      
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

Please note that this is a basic example and can be enhanced with additional features, graphics, and gameplay mechanics as needed.