Runner game that you get two choices about every 15 seconds either good or bad is all random and your a human riding a unicorn's game

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

No:34905

108

←

Prev Next

→

Runner game that you get two choices about every 1..ALL
Developer User16380｜Date and time 24/1/12 12:48:51
Build time 12.16 sec｜Game capacity 3.11KB｜

Script

Sure! Here's an example of a simple runner game implemented in a single HTML file using JavaScript and pictograms. The player controls a human riding a unicorn, and every 15 seconds, they must make a choice between a good or bad option. The outcomes are randomly generated.

In the above code, you'll need to replace the `emozi_all/unicorn.png` URL with the actual URL to your unicorn pictogram, or use a locally stored image file. When the game starts, the player is prompted to make a good or bad choice using the left and right arrow keys, respectively. Depending on the choice, the player's position is updated on the screen. If a bad choice is made, the game ends. The game continues to prompt the player for choices every 15 seconds.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Unicorn Runner Game</title>
  <style>
    #game-area {
      width: 400px;
      height: 200px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    
    #player {
      width: 50px;
      height: 50px;
      background-image: url('unicorn.png');
      background-size: cover;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    
    #message {
      font-size: 24px;
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
  </div>
  <div id="message"></div>

// Function to move the player
    function movePlayer() {
      playerPosition += 10;
      document.getElementById('player').style.left = playerPosition + 'px';
    }

// Function to handle good choices
    function chooseGood() {
      movePlayer();
      showMessage('Good choice! Keep going!');
    }

// Function to handle bad choices
    function chooseBad() {
      movePlayer();
      showMessage('Uh-oh! Bad choice! Game over!');
      stopGame();
    }

// Function to display messages
    function showMessage(message) {
      document.getElementById('message').textContent = message;
    }

// Function to start the game
    function startGame() {
      showMessage('Get ready!');
      setTimeout(makeChoice, 15000);
    }

// Function to stop the game
    function stopGame() {
      document.removeEventListener('keydown', handleKeyPress);
      showMessage('');
    }

// Function to handle key presses
    function handleKeyPress(event) {
      var key = event.keyCode;
      if (key === 37) {
        chooseGood();
      } else if (key === 39) {
        chooseBad();
      }
    }

// Function to make a choice
    function makeChoice() {
      var randomChoice = choices[Math.floor(Math.random() * choices.length)];
      if (randomChoice === 'good') {
        showMessage('Make a good choice! Press the left arrow key!');
      } else {
        showMessage('Make a bad choice! Press the right arrow key!');
      }
      document.addEventListener('keydown', handleKeyPress);
      setTimeout(makeChoice, 15000);
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

In the above code, you'll need to replace the `unicorn.png` URL with the actual URL to your unicorn pictogram, or use a locally stored image file.

When the game starts, the player is prompted to make a good or bad choice using the left and right arrow keys, respectively. Depending on the choice, the player's position is updated on the screen. If a bad choice is made, the game ends. The game continues to prompt the player for choices every 15 seconds.