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

No:21554

←

Prev Next

→

A horror game in a maze
Developer User9874｜Date and time 23/10/16 6:04:44
Build time 105.089 sec｜Game capacity 4.662KB｜

Script

Sure! Here's an example of a horror game in a maze implemented as a single HTML file with JavaScript. It utilizes pictograms for smartphone operation:

Horror Maze Game

Try to find the exit! Avoid the ghosts!

To play the game, you can copy and paste the above code into a new HTML file and open it in a web browser. The maze will be displayed on the screen, and you can use the arrow keys on your smartphone to navigate the player's movement through the maze. The goal is to find the exit while avoiding the ghosts. Once you find the exit or get caught by a ghost, the game will end and display a corresponding message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an example of a horror game in a maze implemented as a single HTML file with JavaScript. It utilizes pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Maze Game</title>
  <style>
    body {
      background-color: black;
      color: white;
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 20px;
    }
    #maze {
      height: 300px;
      width: 300px;
      margin: 0 auto;
      position: relative;
    }
    .wall, .player {
      height: 20px;
      width: 20px;
      background-color: gray;
      position: absolute;
    }
    .player {
      background-color: yellow;
    }
    .exit {
      background-color: green;
    }
    .ghost {
      background-color: red;
    }
    #status {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Horror Maze Game</h1>
  <div id="maze"></div>
  <div id="status">Try to find the exit! Avoid the ghosts!</div>

// Define the maze configuration
      const mazeConfig = [
        [1, 1, 1, 1, 1],
        [1, 0, 0, 0, 1],
        [1, 0, 1, 0, 1],
        [1, 0, 1, 0, 1],
        [1, 1, 1, 2, 1],
      ];

// Render the maze
      function renderMaze() {
        maze.innerHTML = "";
        for (let row = 0; row < mazeConfig.length; row++) {
          for (let col = 0; col < mazeConfig[row].length; col++) {
            const cell = document.createElement("div");
            cell.className = "wall";
            if (mazeConfig[row][col] === 0) {
              cell.className = "path";
            } else if (mazeConfig[row][col] === 2) {
              cell.className = "exit";
            }
            cell.style.top = row * 20 + "px";
            cell.style.left = col * 20 + "px";
            maze.appendChild(cell);
          }
        }
      }

// Handle player movement
      document.addEventListener("keydown", function (event) {
        let newPlayerPosition = { ...playerPosition };
        switch (event.key) {
          case "ArrowUp":
            newPlayerPosition.row -= 1;
            break;
          case "ArrowDown":
            newPlayerPosition.row += 1;
            break;
          case "ArrowLeft":
            newPlayerPosition.col -= 1;
            break;
          case "ArrowRight":
            newPlayerPosition.col += 1;
            break;
          default:
            return;
        }

// Check for collision with walls and exit
        if (
          mazeConfig[newPlayerPosition.row][newPlayerPosition.col] !== 1 &&
          newPlayerPosition.row >= 0 &&
          newPlayerPosition.row < mazeConfig.length &&
          newPlayerPosition.col >= 0 &&
          newPlayerPosition.col < mazeConfig[0].length
        ) {
          // Move the player
          playerPosition = newPlayerPosition;
          updatePlayerPosition();
          checkGameStatus();
        }
      });

// Update player's position on the maze
      function updatePlayerPosition() {
        const player = document.querySelector(".player");
        if (player) {
          player.classList.remove("player");
        }
        const cell = document.createElement("div");
        cell.className = "player";
        cell.style.top = playerPosition.row * 20 + "px";
        cell.style.left = playerPosition.col * 20 + "px";
        maze.appendChild(cell);
      }

// Check if the game is over
      function checkGameStatus() {
        const playerRow = playerPosition.row;
        const playerCol = playerPosition.col;
        if (mazeConfig[playerRow][playerCol] === 2) {
          status.innerHTML = "Congratulations! You found the exit!";
          document.removeEventListener("keydown");
        } else if(mazeConfig[playerRow][playerCol] === 1) {
          status.innerHTML = "Oh no! You got caught by a ghost!";
          document.removeEventListener("keydown");
        }
      }

// Start the game by rendering the maze
      renderMaze();
      updatePlayerPosition();
    });
  </script>
</body>
</html>
```