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

No:20996

←

Prev Next

→

Mars game. Future.
Developer User9265｜Date and time 23/10/12 15:24:00
Build time 58.1 sec｜Game capacity 2.042KB｜

Script

Sure! Here's an example of a Mars-themed game implemented as a single HTML file using JavaScript. This game allows you to explore Mars and collect resources. It is designed for smartphone operation and includes pictograms.

Mars Game

Collected Resources:

🪨: 0

🏜️: 0

💎: 0

In this game, each time you click the "Explore Mars" button, a random resource (rock, sand, or crystal) is collected. The count of each resource is displayed on the screen using pictograms. You can play the game by clicking the button and collecting resources.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mars Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-board {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 300px;
    }
    
    .resource {
      font-size: 50px;
    }
    
    .button {
      background-color: #4CAF50;
      color: white;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>Mars Game</h1>

<div id="game-board">
    <button class="button" onclick="collectResource()">Explore Mars</button>
  </div>

<div id="resources">
    <h2>Collected Resources:</h2>
    <p id="rockCount" class="resource">🪨: 0</p>
    <p id="sandCount" class="resource">🏜️: 0</p>
    <p id="crystalCount" class="resource">💎: 0</p>
  </div>

function collectResource() {
      const randomNumber = Math.floor(Math.random() * 3) + 1;

if (randomNumber === 1) {
        rockCount++;
        document.getElementById("rockCount").innerText = `🪨: ${rockCount}`;
      } else if (randomNumber === 2) {
        sandCount++;
        document.getElementById("sandCount").innerText = `🏜️: ${sandCount}`;
      } else {
        crystalCount++;
        document.getElementById("crystalCount").innerText = `💎: ${crystalCount}`;
      }
    }
  </script>
</body>
</html>
```