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

No:27914

4161

←

Prev Next

→

I want a horror game where i need the escape a maz..ALL
Developer anonymous｜Date and time 70/1/1 10:08:25
Build time unknown sec｜Game capacity 4.105KB｜

Script

Sure! Here's an example of a simple horror game where you need to escape a maze using JavaScript and pictograms in a single HTML file:

Horror Maze Escape Game

To play the game, you'll need to create three pictogram images named `emozi_all/play.png`, `emozi_hamuster.png`, and `emozi_all/player.png`. The `emozi_himawari.png` image should represent the starting point, `emozi_cat.png` should represent the exit point, and `emozi_all/player.png` should represent the player icon. You can use any suitable pictograms for these images. Simply copy the above code into an HTML file, create the required image files, and open the HTML file in a web browser (ideally on a smartphone for a better gaming experience). You can control the player icon using the arrow keys to navigate through the maze and try to reach the exit point.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple horror game where you need to escape a maze using JavaScript and pictograms in a single HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Horror Maze Escape Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #000;
      color: #fff;
      text-align: center;
    }
    
    #maze {
      display: inline-block;
      width: 300px;
      height: 300px;
      margin-top: 50px;
      background-color: #222;
      position: relative;
    }
    
    .start {
      position: absolute;
      top: 10px;
      left: 10px;
    }
    
    .end {
      position: absolute;
      bottom: 10px;
      right: 10px;
    }
    
    .player {
      position: absolute;
      top: 140px;
      left: 10px;
    }
  </style>
</head>
<body>
  <h1>Horror Maze Escape Game</h1>
  <div id="maze">
    <img class="start" src="start.png" alt="Start">
    <img class="end" src="end.png" alt="End">
    <img class="player" src="player.png" alt="Player">
  </div>

let playerPosition = { x: 1, y: 1 };

// Render the maze based on the maze array
    function renderMaze() {
      const mazeElement = document.getElementById('maze');
      mazeElement.innerHTML = '';

for (let i = 0; i < maze.length; i++) {
        for (let j = 0; j < maze[i].length; j++) {
          const cell = document.createElement('div');
          cell.style.width = '30px';
          cell.style.height = '30px';
          cell.style.backgroundColor = maze[i][j] === 1 ? '#222' : '#aaa';
          mazeElement.appendChild(cell);
        }
      }

const player = document.createElement('img');
      player.src = 'player.png';
      player.style.width = '30px';
      player.style.height = '30px';
      player.style.position = 'absolute';
      player.style.left = playerPosition.x * 30 + 'px';
      player.style.top = playerPosition.y * 30 + 'px';
      mazeElement.appendChild(player);
    }

// Handle player movement based on key press
    function movePlayer(event) {
      const key = event.key;

let newPositionX = playerPosition.x;
      let newPositionY = playerPosition.y;

if (key === 'ArrowUp') {
        newPositionY--;
      } else if (key === 'ArrowDown') {
        newPositionY++;
      } else if (key === 'ArrowLeft') {
        newPositionX--;
      } else if (key === 'ArrowRight') {
        newPositionX++;
      }

if (maze[newPositionY][newPositionX] !== 1) {
        playerPosition.x = newPositionX;
        playerPosition.y = newPositionY;
      }

renderMaze();

if (newPositionX === 8 && newPositionY === 8) {
        // Player reached the end of the maze
        alert('Congratulations! You escaped the maze!');
        window.location.reload(); // Restart the game
      }
    }

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

To play the game, you'll need to create three pictogram images named `start.png`, `end.png`, and `player.png`. The `start.png` image should represent the starting point, `end.png` should represent the exit point, and `player.png` should represent the player icon. You can use any suitable pictograms for these images.

Simply copy the above code into an HTML file, create the required image files, and open the HTML file in a web browser (ideally on a smartphone for a better gaming experience). You can control the player icon using the arrow keys to navigate through the maze and try to reach the exit point.