2d horror game. You are in a grey maze and you need to try to escape from a tall dark humanoid creature with one eye and 4 arms. The way to escape the maze is to find a door but the door will be hard to find. When entering the game the monster will be far away from you but it will find you. If you find the door go through it and you win. Controls's game

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

No:11239

←

Prev Next

→

2d horror game. You are in a grey maze and you nee..ALL
Developer No｜Date and time 23/8/9 5:18:18
Build time 44.644 sec｜Game capacity 5.154KB｜

Script

Sure, I can help you create a 2D horror game using HTML, CSS, and JavaScript. Here's an example implementation as a single HTML file:

You can save this code as an HTML file and open it in your smartphone's web browser to play the game. The player character (represented by a blue square) moves using the arrow keys or the WASD keys. The monster character (represented by a black circle) will chase the player, and if the player collides with the monster, it's game over. You need to find and reach the green door to win the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure, I can help you create a 2D horror game using HTML, CSS, and JavaScript. Here's an example implementation as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Maze Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #cccccc;
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
    }
    
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      background-color: blue;
    }
    
    #monster {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      background-color: black;
      border-radius: 50%;
      opacity: 0.8;
    }
    
    #door {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 70px;
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="monster"></div>
    <div id="door"></div>
  </div>

// Player Position
    let playerX = mazeWidth / 2;
    let playerY = mazeHeight / 2;

// Monster Position
    let monsterX = mazeWidth / 2 + 100;
    let monsterY = mazeHeight / 2;

// Move the Player
    function movePlayer(directionX, directionY) {
      playerX += directionX * playerSpeed;
      playerY += directionY * playerSpeed;

// Restrict player movement within the maze boundaries
      if (playerX < 0) playerX = 0;
      if (playerY < 0) playerY = 0;
      if (playerX > mazeWidth) playerX = mazeWidth;
      if (playerY > mazeHeight) playerY = mazeHeight;

player.style.transform = `translate(${playerX}px, ${playerY}px)`;

checkCollision();
    }

// Check for collision with the monster or the door
    function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      const monsterRect = monster.getBoundingClientRect();
      const doorRect = door.getBoundingClientRect();

// Check if the player collides with the monster
      if (doRectsOverlap(playerRect, monsterRect)) {
        gameOver();
        return;
      }

// Check if the player reached the door
      if (doRectsOverlap(playerRect, doorRect)) {
        youWin();
        return;
      }

// If no collision detected, continue the game
      requestAnimationFrame(checkCollision);
    }

// Game Over
    function gameOver() {
      alert('You were caught by the monster! Game Over!');
      location.reload();
    }

// You Win
    function youWin() {
      alert('Congratulations! You escaped from the maze! You Win!');
      location.reload();
    }

// Check if two rectangles overlap
    function doRectsOverlap(rect1, rect2) {
      return (
        rect1.left < rect2.right &&
        rect1.right > rect2.left &&
        rect1.top < rect2.bottom &&
        rect1.bottom > rect2.top
      );
    }

// Handle Player Controls
    window.addEventListener('keydown', (event) => {
      const keyName = event.key;

// Move Up
      if (keyName === 'ArrowUp' || keyName === 'w') {
        movePlayer(0, -1);
      }

// Move Down
      if (keyName === 'ArrowDown' || keyName === 's') {
        movePlayer(0, 1);
      }

// Move Left
      if (keyName === 'ArrowLeft' || keyName === 'a') {
        movePlayer(-1, 0);
      }

// Move Right
      if (keyName === 'ArrowRight' || keyName === 'd') {
        movePlayer(1, 0);
      }
    });

// Move the monster towards the player
    function moveMonster() {
      const playerCenterX = playerX + player.offsetWidth / 2;
      const playerCenterY = playerY + player.offsetHeight / 2;

if (monsterX < playerCenterX) monsterX += monsterSpeed;
      if (monsterX > playerCenterX) monsterX -= monsterSpeed;
      if (monsterY < playerCenterY) monsterY += monsterSpeed;
      if (monsterY > playerCenterY) monsterY -= monsterSpeed;

monster.style.transform = `translate(${monsterX}px, ${monsterY}px)`;

requestAnimationFrame(moveMonster);
    }

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