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

No:23591

←

Prev Next

→

.
Developer helloworld｜Date and time 23/11/1 23:08:40
Build time 43.052 sec｜Game capacity 2.454KB｜

Script

Sure! Here's a simple text-based game written in HTML and JavaScript, designed to be played on a smartphone. It uses pictograms to enhance the user interface. Save the following code in a single HTML file and open it in a web browser to play the game.

🎯 Pictogram Adventure 🎯

Welcome to Pictogram Adventure!

Choose wisely to continue your journey.

This game presents the player with a choice at the crossroad. If they choose to go left, they reach a dead end and the game ends. If they choose to go right, they find a treasure and win the game. The player can then choose to restart the game and play again.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    .pictogram {
      font-size: 2em;
    }
    .btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      cursor: pointer;
    }
    .btn:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <h1 class="pictogram">🎯 Pictogram Adventure 🎯</h1>
  <div id="gameArea">
    <p class="pictogram">Welcome to Pictogram Adventure!</p>
    <p class="pictogram">Choose wisely to continue your journey.</p>
    <button class="btn" onclick="startGame()">Start</button>
  </div>

// The game start function
    function startGame() {
      gameArea.innerHTML = '<p class="pictogram">You are standing at a crossroad.</p>' +
                           '<p class="pictogram">What do you want to do?</p>' +
                           '<button class="btn" onclick="goLeft()">← Go Left</button>' +
                           '<button class="btn" onclick="goRight()">Go Right →</button>';
    }

// Function for going left
    function goLeft() {
      gameArea.innerHTML = '<p class="pictogram">You reached a dead end.</p>' +
                           '<p class="pictogram">Game Over!</p>' +
                           '<button class="btn" onclick="startGame()">Restart</button>';
    }

// Function for going right
    function goRight() {
      gameArea.innerHTML = '<p class="pictogram">Congratulations!</p>' +
                           '<p class="pictogram">You found a treasure!</p>' +
                           '<button class="btn" onclick="startGame()">Restart</button>';
    }
  </script>
</body>
</html>
```