Make a gmae that explains global warming, c02, and the kneeling curve's game

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

No:36873

←

Prev Next

→

Make a gmae that explains global warming, c02, and..ALL
Developer User16907｜Date and time 24/1/19 3:18:00
Build time 12.141 sec｜Game capacity 3.021KB｜

Script

Sure! Here's an example of a simple game that explains global warming, CO2 emissions, and references the Keeling Curve. This game assumes smartphone operation and utilizes pictograms for better visualization. Remember to enclose the code in `` tags when implementing it in an HTML file. <br><br> <br> <style> #gameBoard { width: 100%; height: 400px; background-color: #eaf2f8; align-items: center; justify-content: center; font-size: 30px; } </style> <div id="gameBoard"></div>

In this game, the player must tap the screen to spawn either a cloud or a car. Spawning a cloud increases the score, while spawning a car decreases the score. The visual representation of a tree signifies the impact on reducing CO2 emissions, and the fire represents the production of additional CO2. The game ends if the player's score reaches zero.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Global Warming Game</title>
  <style>
    #gameBoard {
      width: 100%;
      height: 400px;
      background-color: #eaf2f8;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="gameBoard"></div>
  
  <script>
    // Global variables
    let score = 0;
    let timer;
    
    // Pictograms
    const cloudEmoji = "☁️";
    const carEmoji = "🚗";
    const treeEmoji = "🌳";
    const fireEmoji = "🔥";
    
    // Update the game board with current score
    function updateGameBoard() {
      const gameBoard = document.getElementById("gameBoard");
      gameBoard.innerHTML = `Score: ${score}`;
    }
    
    // Start the game
    function startGame() {
      score = 0;
      updateGameBoard();
      spawnRandomObject();
      timer = setInterval(spawnRandomObject, 2000); // Spawn every 2 seconds
    }
    
    // Game over
    function gameOver() {
      clearInterval(timer);
      
      const gameBoard = document.getElementById("gameBoard");
      gameBoard.innerHTML = `<h2>Game Over</h2><p>Final Score: ${score}</p>`;
    }
    
    // Spawn random object (cloud or car)
    function spawnRandomObject() {
      const object = Math.random() < 0.5 ? cloudEmoji : carEmoji;
      const gameBoard = document.getElementById("gameBoard");
      gameBoard.innerHTML = object;
      
      setTimeout(function() {
        if (object === cloudEmoji) {
          // Cloud disappeared, increase score and spawn tree
          score++;
          updateGameBoard();
          gameBoard.innerHTML = treeEmoji;
          setTimeout(function() {
            spawnRandomObject();
          }, 1000);
        } else {
          // Car generated, decrease score and increase CO2 level
          if (score === 0) {
            gameOver(); // Game over if score is already zero
            return;
          }
          score--;
          updateGameBoard();
          gameBoard.innerHTML = fireEmoji;
          setTimeout(function() {
            spawnRandomObject();
          }, 1000);
        }
      }, 1000);
    }
    
    // Start the game when the page is loaded
    window.onload = startGame;
  </script>
</body>
</html>
```

In this game, the player must tap the screen to spawn either a cloud or a car. Spawning a cloud increases the score, while spawning a car decreases the score. The visual representation of a tree signifies the impact on reducing CO2 emissions, and the fire represents the production of additional CO2. The game ends if the player's score reaches zero.