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

No:8021

2273

Make it be an obstacle cours with quests
Developer User4118｜Date and time 23/7/12 0:54:53
Build time 20.078 sec｜Game capacity 3.264KB｜

Sure! Here's a sample game that meets your requirements. It's a simple obstacle course game where the player controls a character and needs to complete quests while avoiding obstacles. Since the request mentions using pictograms if possible, I'll include some ASCII art for visual representation. Note that this is just a basic example, and you can definitely expand and enhance it further.

Obstacle Course Game

🚶

🚧

❗

To play the game, open the HTML file in a web browser on your smartphone. Use the arrow keys to move the player character (represented by `🚶`). The objective is to reach the quest (represented by `❗`) without hitting the obstacle (represented by `🚧`). Completing the quest triggers an alert of successful completion, while colliding with the obstacle triggers an alert of game over, and the game is reset. Note: This is a very basic obstacle course game, and you can add more obstacles, quests, levels, and other features to make it more engaging and challenging.

→ 　

1　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

Sure! Here's a sample game that meets your requirements. It's a simple obstacle course game where the player controls a character and needs to complete quests while avoiding obstacles. Since the request mentions using pictograms if possible, I'll include some ASCII art for visual representation. Note that this is just a basic example, and you can definitely expand and enhance it further.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Obstacle Course Game</title>
  <style>
    #player {
      position: relative;
      top: 0;
      left: 0;
      font-size: 40px;
    }

#obstacle {
      position: relative;
      top: 200px;
      left: 300px;
      font-size: 40px;
    }

#quest {
      position: relative;
      top: 100px;
      left: 600px;
      font-size: 40px;
    }
  </style>
</head>
<body>
  <h1>Obstacle Course Game</h1>

<pre id="player">🚶</pre>
  <pre id="obstacle">🚧</pre>
  <pre id="quest">❗</pre>

<script>
    // Game variables
    let playerPosition = { x: 0, y: 0 };
    let obstaclePosition = { x: 300, y: 200 };
    let questPosition = { x: 600, y: 100 };
    let questCompleted = false;

// Function to handle player movement
    function movePlayer(event) {
      // Detect arrow key presses
      event = event || window.event;
      const key = event.keyCode;

// Move player based on arrow key pressed
      if (key === 37) { // left arrow
        playerPosition.x -= 10;
      } else if (key === 39) { // right arrow
        playerPosition.x += 10;
      } else if (key === 38) { // up arrow
        playerPosition.y -= 10;
      } else if (key === 40) { // down arrow
        playerPosition.y += 10;
      }

// Check if player completes the quest
      if (playerPosition.x === questPosition.x && playerPosition.y === questPosition.y) {
        questCompleted = true;
        alert('Quest completed! Well done!');
      }

// Check for collision with obstacle
      if (playerPosition.x === obstaclePosition.x && playerPosition.y === obstaclePosition.y) {
        alert('Game over! You hit an obstacle.');
        resetGame();
      }

// Update player position on the screen
      const player = document.getElementById('player');
      player.style.top = playerPosition.y + 'px';
      player.style.left = playerPosition.x + 'px';
    }

// Function to reset the game state
    function resetGame() {
      playerPosition = { x: 0, y: 0 };
      questCompleted = false;

const player = document.getElementById('player');
      player.style.top = 0;
      player.style.left = 0;
    }

// Start the game
    document.addEventListener('keydown', movePlayer);
  </script>
</body>
</html>
```

To play the game, open the HTML file in a web browser on your smartphone. Use the arrow keys to move the player character (represented by `🚶`). The objective is to reach the quest (represented by `❗`) without hitting the obstacle (represented by `🚧`). Completing the quest triggers an alert of successful completion, while colliding with the obstacle triggers an alert of game over, and the game is reset.

Note: This is a very basic obstacle course game, and you can add more obstacles, quests, levels, and other features to make it more engaging and challenging.