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

No:16623

58

Make a obby with a time limit selected by user and..ALL
Developer User7388｜Date and time 23/9/19 20:07:38
Build time 32.003 sec｜Game capacity 3.321KB｜

Sure! Here's an example of a simple obby game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game includes a time limit selected by the user and allows the user to select the difficulty level. The translations are provided in both English and Persian language. Pictograms are not used in this implementation, but you can customize it further to include them if desired.

Obby Game

Select Time Limit (in seconds):

Select Difficulty:

In the above code, the game consists of a player and a target represented by `<div>` elements. The player can be moved to the right based on the selected difficulty level. The game ends when the player's position reaches or surpasses the target's position. The user can input the time limit (in seconds) and select the difficulty level using the provided inputs. When the game starts, a timer will countdown to the specified time limit, and the player's position will be updated based on the selected difficulty level. Once the time limit is reached, the game ends and an appropriate message is displayed. To translate this game into Persian language, you can replace all the English text with their Persian equivalents.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple obby game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game includes a time limit selected by the user and allows the user to select the difficulty level. The translations are provided in both English and Persian language. Pictograms are not used in this implementation, but you can customize it further to include them if desired.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Obby Game</title>
</head>
<body>
  <h1>Obby Game</h1>
  
  <div id="game">
    <div id="player"></div>
    <div id="target"></div>
  </div>
  
  <div>
    <label for="time-limit">Select Time Limit (in seconds):</label>
    <input type="number" id="time-limit" min="5" max="60" value="20">
    <button onclick="startGame()">Start Game</button>
  </div>

<div>
    <label for="difficulty">Select Difficulty:</label>
    <select id="difficulty">
      <option value="easy">Easy</option>
      <option value="medium">Medium</option>
      <option value="hard">Hard</option>
    </select>
  </div>

<script>
    let player = document.getElementById("player");
    let target = document.getElementById("target");
    let timeLimitInput = document.getElementById("time-limit");
    let difficultySelect = document.getElementById("difficulty");
    let timer;

function startGame() {
      let timeLimit = parseInt(timeLimitInput.value, 10);
      let difficulty = difficultySelect.value;

player.style.left = "0";
      clearInterval(timer);

timer = setInterval(() => {
        movePlayer(difficulty);
        checkCollision();
      }, 1000);

setTimeout(() => {
        clearInterval(timer);
        alert("Game Over!");
      }, timeLimit * 1000);
    }

function movePlayer(difficulty) {
      let currentPosition = parseInt(player.style.left || "0", 10);

if (difficulty === "easy") {
        player.style.left = `${currentPosition + 10}px`;
      } else if (difficulty === "medium") {
        player.style.left = `${currentPosition + 20}px`;
      } else if (difficulty === "hard") {
        player.style.left = `${currentPosition + 30}px`;
      }
    }

function checkCollision() {
      let playerPosition = player.getBoundingClientRect();
      let targetPosition = target.getBoundingClientRect();

if (playerPosition.right >= targetPosition.left) {
        clearInterval(timer);
        alert("Congratulations! You reached the target!");
      }
    }
  </script>
</body>
</html>
```

In the above code, the game consists of a player and a target represented by `<div>` elements. The player can be moved to the right based on the selected difficulty level. The game ends when the player's position reaches or surpasses the target's position. The user can input the time limit (in seconds) and select the difficulty level using the provided inputs. When the game starts, a timer will countdown to the specified time limit, and the player's position will be updated based on the selected difficulty level. Once the time limit is reached, the game ends and an appropriate message is displayed.

To translate this game into Persian language, you can replace all the English text with their Persian equivalents.