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

No:25252

A man who got hit by a car and haunts the player p..ALL
Developer User12302｜Date and time 23/11/19 23:46:50
Build time 152.214 sec｜Game capacity 2.869KB｜

Script

Sure! Here's a simple game written in HTML, CSS, and JavaScript that you can play on your smartphone. The objective of the game is to escape the man who got hit by a car. The game uses pictograms to represent different elements. Just copy the code below and save it as an HTML file to play the game.

Escape the Haunted Man

🏃

🚗

To play the game, simply run the HTML file on your smartphone's browser. The player character is represented by the running emoji (🏃) and the haunted man is represented by the car emoji (🚗). Use the Arrow Right and Arrow Left keys to move the player and try to avoid getting caught by the haunted man. If the haunted man catches you, a game over alert will be displayed, and you can restart the game by closing the alert. Enjoy escaping the haunted man!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape the Haunted Man</title>
  <style>
    body {
      background-color: #000000;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 10vh;
    }

.player {
      color: #ff0000;
    }

.car {
      color: #ffffff;
    }
  </style>

// Car's initial position
    let carPosition = 10;

// Game loop interval
    let gameLoopInterval;

// Function to move the player
    function movePlayer(event) {
      if (event.key === 'ArrowRight') {
        playerPosition++;
      } else if (event.key === 'ArrowLeft') {
        playerPosition--;
      }

checkCollision();
      render();
    }

// Function to check for collision
    function checkCollision() {
      if (playerPosition === carPosition) {
        alert('Game Over! The Haunted Man caught you.');
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      playerPosition = 0;
      carPosition = 10;
      clearInterval(gameLoopInterval);
      gameLoopInterval = setInterval(gameLoop, 1000);
    }

// Function to update and render the game
    function gameLoop() {
      carPosition--;
      if (carPosition < 0) {
        carPosition = 10;
      }

checkCollision();
      render();
    }

// Function to render the game
    function render() {
      const player = document.getElementById('player');
      const car = document.getElementById('car');
      player.style.marginLeft = `${playerPosition * 10}vw`;
      car.style.marginLeft = `${carPosition * 10}vw`;
    }

// Function to start the game
    function startGame() {
      resetGame();
      render();
      gameLoopInterval = setInterval(gameLoop, 1000);
      document.addEventListener('keydown', movePlayer);
    }
  </script>
</head>
<body onload="startGame()">
  <h1>Escape the Haunted Man</h1>
  <div id="player" class="player">🏃</div>
  <div id="car" class="car">🚗</div>
</body>
</html>
```