A horror game where players must run from four pursuing enemies in a randomly generated maze, collecting bricks where players can optionally throw at enemies to temporarily stun them (players move with the arrow keys, and players press the A button to throw bricks at the direction the player is aligned at)'s game

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

No:17330

←

Prev Next

→

A horror game where players must run from four pur..ALL
Developer User7645｜Date and time 23/9/23 5:20:02
Build time 61.341 sec｜Game capacity 6.434KB｜

Script

Sure, I can provide you with a basic implementation of the game you described. Here's an example of a single HTML file containing JavaScript code that creates a horror game where players must run from pursuing enemies in a randomly generated maze.

Please note that you need to replace the placeholder image URLs (`emozi_hamuster.png`, `emozi_dog.png`, and `emozi_himawari.png`) with actual image URLs relevant to the game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Horror Escape Game</title>
    <style>
      /* Define CSS styles for the game */
      #maze {
        display: grid;
        grid-template-columns: repeat(10, 50px);
      }
      .cell {
        width: 50px;
        height: 50px;
        border: 1px solid black;
      }
      #player {
        background-image: url("player_icon.png"); /* Replace with image of the player */
        background-size: cover;
        width: 50px;
        height: 50px;
      }
      .enemy {
        background-image: url("enemy_icon.png"); /* Replace with image of the enemy */
        background-size: cover;
        width: 50px;
        height: 50px;
      }
      .brick {
        background-image: url("brick_icon.png"); /* Replace with image of the brick */
        background-size: cover;
        width: 50px;
        height: 50px;
      }
    </style>
  </head>
  <body>
    <script>
      // Define game variables
      const mazeSize = 10; // Width and height of the maze grid
      let maze, player, enemies, bricks;

// Generate a random maze using a simple algorithm
      function generateMaze() {
        maze = Array(mazeSize);
        for (let i = 0; i < mazeSize; i++) {
          maze[i] = Array(mazeSize).fill(true);
        }

// Set random walls in the maze
        for (let i = 0; i < mazeSize; i++) {
          for (let j = 0; j < mazeSize; j++) {
            if (Math.random() < 0.3) {
              maze[i][j] = false;
            }
          }
        }

// Place player at the top-left corner
        player = { x: 0, y: 0 };

// Place enemies randomly
        enemies = [
          { x: getRandomInt(1, mazeSize), y: getRandomInt(1, mazeSize) },
          { x: getRandomInt(1, mazeSize), y: getRandomInt(1, mazeSize) },
          { x: getRandomInt(1, mazeSize), y: getRandomInt(1, mazeSize) },
          { x: getRandomInt(1, mazeSize), y: getRandomInt(1, mazeSize) },
        ];

// Create an empty array for bricks
        bricks = [];
      }

// Helper function to get a random integer within a range
      function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
      }

// Handle player movement
      function movePlayer(direction) {
        let newX = player.x;
        let newY = player.y;

switch (direction) {
          case "ArrowUp":
            newX -= 1;
            break;
          case "ArrowDown":
            newX += 1;
            break;
          case "ArrowLeft":
            newY -= 1;
            break;
          case "ArrowRight":
            newY += 1;
            break;
        }

// Check if the new position is within bounds and not a wall
        if (
          newX >= 0 &&
          newX < mazeSize &&
          newY >= 0 &&
          newY < mazeSize &&
          maze[newX][newY]
        ) {
          player.x = newX;
          player.y = newY;

// Check if the player has collided with an enemy
          for (const enemy of enemies) {
            if (enemy.x === player.x && enemy.y === player.y) {
              gameOver();
              return;
            }
          }
        }
      }

// Handle A button press to throw bricks
      function throwBrick() {
        const brickDirection = getBrickDirection();
        if (brickDirection) {
          const brick = { x: player.x, y: player.y, direction: brickDirection };
          bricks.push(brick);
          setTimeout(() => {
            bricks.splice(bricks.indexOf(brick), 1);
          }, 2000); // Remove the brick after 2 seconds
        }
      }

// Helper function to get the direction the player is aligned
      function getBrickDirection() {
        if (player.x > 0) {
          return "ArrowUp";
        } else if (player.x < mazeSize - 1) {
          return "ArrowDown";
        } else if (player.y > 0) {
          return "ArrowLeft";
        } else if (player.y < mazeSize - 1) {
          return "ArrowRight";
        }
        return null;
      }

// Handle game over
      function gameOver() {
        alert("Game over!");
        generateMaze();
      }

// Initialize the game
      function init() {
        generateMaze();
        render();
      }

// Render the game state
      function render() {
        const mazeElement = document.getElementById("maze");
        mazeElement.innerHTML = "";

// Render maze cells
        for (let i = 0; i < mazeSize; i++) {
          for (let j = 0; j < mazeSize; j++) {
            const cell = document.createElement("div");
            cell.className = "cell";
            if (!maze[i][j]) {
              cell.style.backgroundColor = "black";
            }
            if (player.x === i && player.y === j) {
              cell.appendChild(createElement("player"));
            }
            for (const enemy of enemies) {
              if (enemy.x === i && enemy.y === j) {
                cell.appendChild(createElement("enemy"));
              }
            }
            for (const brick of bricks) {
              if (brick.x === i && brick.y === j) {
                cell.appendChild(createElement("brick"));
              }
            }
            mazeElement.appendChild(cell);
          }
        }
      }

// Helper function to create a game element
      function createElement(className) {
        const element = document.createElement("div");
        element.className = className;
        return element;
      }

// Event listener for arrow key presses
      document.addEventListener("keydown", function (event) {
        movePlayer(event.key);
        render();
      });

// Event listener for A button press
      document.addEventListener("keydown", function (event) {
        if (event.key === "a" || event.key === "A") {
          throwBrick();
          render();
        }
      });

// Start the game
      init();
    </script>
    <div id="maze"></div>
  </body>
</html>
```

Please note that you need to replace the placeholder image URLs (`player_icon.png`, `enemy_icon.png`, and `brick_icon.png`) with actual image URLs relevant to the game.