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

No:37317

←

Prev Next

→

Civilization simulator
Developer User17058｜Date and time 24/1/21 0:46:59
Build time 11.323 sec｜Game capacity 3.539KB｜

Script

Sure! Here's an example of a simple civilization simulator game implemented as a single HTML file:

Civilization Simulator

Tap on the pictograms below to play!

Population

👥

Resources

⛏️

Technology

🔬

In this civilization simulator game, you have three main areas: population, resources, and technology. By tapping on the relevant pictograms, you can increase population, collect resources, and advance technology. Try running this HTML file in your browser. You can play the game by tapping on the pictograms to perform different actions within the civilization. The game state is updated dynamically, and you can see the messages and current values displayed on the screen. Feel free to modify and enhance the game as per your requirements and preferences. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's an example of a simple civilization simulator game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Civilization Simulator</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game {
            margin: 50px auto;
        }
        
        #message {
            margin-top: 20px;
            font-size: 20px;
        }
        
        .pictogram {
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="game">
        <h1>Civilization Simulator</h1>
        <p>Tap on the pictograms below to play!</p>
        
        <div id="population">
            <h3>Population</h3>
            <p class="pictogram" onclick="increasePopulation()">👥</p>
        </div>
        
        <div id="resources">
            <h3>Resources</h3>
            <p class="pictogram" onclick="collectResources()">⛏️</p>
        </div>
        
        <div id="technology">
            <h3>Technology</h3>
            <p class="pictogram" onclick="advanceTechnology()">🔬</p>
        </div>
        
        <div id="message"></div>
    </div>
    
    <script>
        // Initial game state
        let population = 10; // Starting population
        let resources = 0; // Starting resources
        let technology = 1; // Starting technology level
        
        // Game functions
        function increasePopulation() {
            if (resources >= 10) {
                population += 1;
                resources -= 10;
                showMessage("Population increased by 1!");
                updateUI();
            }
        }
        
        function collectResources() {
            resources += population * technology;
            showMessage("Resources collected: " + (population * technology));
            updateUI();
        }
        
        function advanceTechnology() {
            if (resources >= 20) {
                technology += 1;
                resources -= 20;
                showMessage("Technology advanced! Level: " + technology);
                updateUI();
            }
        }
        
        function showMessage(message) {
            document.getElementById("message").textContent = message;
        }
        
        function updateUI() {
            document.getElementById("population").innerHTML = "<h3>Population</h3><p class='pictogram' onclick='increasePopulation()'>👥</p> <span>" + population + "</span>";
            document.getElementById("resources").innerHTML = "<h3>Resources</h3><p class='pictogram' onclick='collectResources()'>⛏️</p> <span>" + resources + "</span>";
            document.getElementById("technology").innerHTML = "<h3>Technology</h3><p class='pictogram' onclick='advanceTechnology()'>🔬</p> <span>" + technology + "</span>";
        }
        
        // Initialize game
        updateUI();
    </script>
</body>
</html>
```

Try running this HTML file in your browser. You can play the game by tapping on the pictograms to perform different actions within the civilization. The game state is updated dynamically, and you can see the messages and current values displayed on the screen.

Feel free to modify and enhance the game as per your requirements and preferences. Enjoy playing!