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

No:24232

Resource miner game that lets you build structures..ALL
Developer User11361｜Date and time 23/11/6 15:49:11
Build time 67.906 sec｜Game capacity 3.8KB｜

Script

Sure! I have created a simple resource miner game using JavaScript that allows you to build structures to upgrade resource output. Here is the code for the game enclosed in script tags within a single HTML file:

Resource Miner Game

Gold: 0

Level: 0

Level: 0

Level: 0

Note: Replace `"emozi_bear.png"`, `"emozi_chicken.png"`, and `"emozi_rabbit.png"` with actual pictogram image URLs. To play the game, open the HTML file in a browser (preferably on a smartphone) and use the resource collector button to collect resources. You can then use the building images to upgrade them by spending 10 gold each. Each building level will increase the resource output. The game will keep track of your gold and building levels. Have fun playing the resource miner game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Resource Miner Game</title>
  <style>
    /* Add some basic styles for the game */
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    #resources {
      font-size: 20px;
      margin-bottom: 20px;
    }
    #buildings {
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
    .building {
      margin: 0 10px;
    }
    .building img {
      width: 100px;
      height: 100px;
      cursor: pointer;
    }
    .level {
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Resource Miner Game</h1>

<div id="buildings">
    <div class="building">
      <img src="pictogram1.png" alt="Building 1" id="building1">
      <div id="building1Level" class="level">Level: 0</div>
    </div>
    <div class="building">
      <img src="pictogram2.png" alt="Building 2" id="building2">
      <div id="building2Level" class="level">Level: 0</div>
    </div>
    <div class="building">
      <img src="pictogram3.png" alt="Building 3" id="building3">
      <div id="building3Level" class="level">Level: 0</div>
    </div>
  </div>

// Function to update the display of resources and building levels
    function updateDisplay() {
      document.getElementById('gold').textContent = gold;
      document.getElementById('building1Level').textContent = `Level: ${building1Level}`;
      document.getElementById('building2Level').textContent = `Level: ${building2Level}`;
      document.getElementById('building3Level').textContent = `Level: ${building3Level}`;
    }

// Function to increase gold based on building levels
    function collectResources() {
      gold += building1Level * 1 + building2Level * 2 + building3Level * 3;
      updateDisplay();
    }

// Event listener for resource collection
    document.getElementById('resources').addEventListener('click', collectResources);

// Function to handle building upgrades
    function upgradeBuilding(buildingId) {
      if (gold >= 10) {
        gold -= 10;
        switch (buildingId) {
          case 'building1':
            building1Level++;
            break;
          case 'building2':
            building2Level++;
            break;
          case 'building3':
            building3Level++;
            break;
        }
        updateDisplay();
      }
    }

// Event listeners for building upgrades
    document.getElementById('building1').addEventListener('click', function() {
      upgradeBuilding('building1');
    });
    document.getElementById('building2').addEventListener('click', function() {
      upgradeBuilding('building2');
    });
    document.getElementById('building3').addEventListener('click', function() {
      upgradeBuilding('building3');
    });

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

Note: Replace `"pictogram1.png"`, `"pictogram2.png"`, and `"pictogram3.png"` with actual pictogram image URLs.

To play the game, open the HTML file in a browser (preferably on a smartphone) and use the resource collector button to collect resources. You can then use the building images to upgrade them by spending 10 gold each. Each building level will increase the resource output. The game will keep track of your gold and building levels. Have fun playing the resource miner game!