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

No:17286

157

←

Prev Next

→

Make a civilization game where you choose a civili..ALL
Developer User7632｜Date and time 23/9/23 3:19:57
Build time 29.625 sec｜Game capacity 2.754KB｜

Script

Sure! Here's an example of a simplified civilization game implemented as a single HTML file, using JavaScript and pictograms. Please note that this is just a basic demonstration and not a complete game. You can build upon this and add more features according to your requirements.

Civilization Game

Age: Stone Age

Actions:

Result:

Choose an action...

In the given game, you start in the Stone Age and can choose between two actions: research and war. The research action allows you to advance to the next age (Bronze Age and then Iron Age). The war action provides different outcomes depending on your current age. The game's progress and messages are displayed on the screen using HTML elements and updated with JavaScript. Feel free to expand and enhance this basic structure to create a more complex and interactive civilization game.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Civilization Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      margin: 20px auto;
      width: 300px;
    }
    .pictogram {
      width: 50px;
      height: 50px;
      display: inline-block;
    }
  </style>
</head>
<body>
  <h1>Civilization Game</h1>
  
  <div id="game">
    <div id="age">
      <h2>Age: <span id="ageValue">Stone Age</span></h2>
    </div>
    <div id="actions">
      <h3>Actions:</h3>
      <button onclick="research()">Research</button>
      <button onclick="war()">War</button>
    </div>
    <div id="result">
      <h3>Result:</h3>
      <div id="resultMessage">Choose an action...</div>
    </div>
  </div>

// Helper function to update the game screen
    function updateScreen() {
      document.getElementById("ageValue").innerHTML = age;
    }

// Research action
    function research() {
      if (age === "Stone Age") {
        age = "Bronze Age";
        document.getElementById("resultMessage").innerHTML = "Researched Bronze Age!";
      } else if (age === "Bronze Age") {
        age = "Iron Age";
        document.getElementById("resultMessage").innerHTML = "Researched Iron Age!";
      } else {
        document.getElementById("resultMessage").innerHTML = "Cannot research beyond current age!";
      }
      
      updateScreen();
    }

// War action
    function war() {
      if (age === "Stone Age") {
        document.getElementById("resultMessage").innerHTML = "You lost the war!";
      } else if (age === "Bronze Age") {
        document.getElementById("resultMessage").innerHTML = "You won the war!";
      } else if (age === "Iron Age") {
        document.getElementById("resultMessage").innerHTML = "War action not available in the Iron Age!";
      }
    }

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