A horror game where players must run from enemies, collecting bricks to throw at enemies to temporarily stun them's game

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

No:17328

←

Prev Next

→

A horror game where players must run from enemies,..ALL
Developer User7645｜Date and time 23/9/23 5:16:10
Build time 40.696 sec｜Game capacity 4.313KB｜

Script

Sure! Here's a simple implementation of a horror game where players must run from enemies and collect bricks to temporarily stun them using JavaScript. The game will be optimized for smartphone operation and will use pictograms:

To play the game, you can copy the above code into a new HTML file and open it in a web browser. The player (represented by a pink circle) can be moved using the arrow keys on a smartphone. The objective is to collect bricks (blue squares) while avoiding enemies (red squares). When an enemy collides with the player, the game is over and the score is displayed in an alert message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Escapade Game</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50px;
      height: 50px;
      background-color: #ff00ff;
      border-radius: 50%;
    }
    
    .brick {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: #0000ff;
    }
    
    .enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: #ff0000;
    }
  </style>
</head>
<body>
  <script>
    var score = 0;
    var player = document.getElementById("player");
    var brickIndex = 0;
    var playerPosition = { x: 0, y: 0 };
    var bricks = [];
    var enemies = [];
    
    function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }
    
    function createBrick() {
      var brick = document.createElement("div");
      brick.className = "brick";
      brick.id = "brick-" + brickIndex++;
      brick.style.top = getRandomPosition(window.innerHeight - 30) + "px";
      brick.style.left = getRandomPosition(window.innerWidth - 30) + "px";
      document.body.appendChild(brick);
      bricks.push(brick);
    }
    
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.top = getRandomPosition(window.innerHeight - 40) + "px";
      enemy.style.left = getRandomPosition(window.innerWidth - 40) + "px";
      document.body.appendChild(enemy);
      enemies.push(enemy);
    }
    
    function updatePlayerPosition(x, y) {
      playerPosition.x = x;
      playerPosition.y = y;
      player.style.top = y + "px";
      player.style.left = x + "px";
    }
    
    function movePlayer(event) {
      var x = playerPosition.x;
      var y = playerPosition.y;
      
      switch (event.key) {
        case "ArrowUp":
          y = Math.max(y - 10, 0);
          break;
        case "ArrowDown":
          y = Math.min(y + 10, window.innerHeight - 50);
          break;
        case "ArrowLeft":
          x = Math.max(x - 10, 0);
          break;
        case "ArrowRight":
          x = Math.min(x + 10, window.innerWidth - 50);
          break;
      }
      
      updatePlayerPosition(x, y);
    }
    
    function checkCollision() {
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var enemyRect = enemy.getBoundingClientRect();
        var playerRect = player.getBoundingClientRect();
        
        if (
          playerRect.top < enemyRect.bottom &&
          playerRect.bottom > enemyRect.top &&
          playerRect.left < enemyRect.right &&
          playerRect.right > enemyRect.left
        ) {
          gameOver();
          return;
        }
      }
      
      for (var i = 0; i < bricks.length; i++) {
        var brick = bricks[i];
        var brickRect = brick.getBoundingClientRect();
        var playerRect = player.getBoundingClientRect();
        
        if (
          playerRect.top < brickRect.bottom &&
          playerRect.bottom > brickRect.top &&
          playerRect.left < brickRect.right &&
          playerRect.right > brickRect.left
        ) {
          brick.parentNode.removeChild(brick);
          bricks.splice(i, 1);
          score++;
          return;
        }
      }
    }
    
    function gameOver() {
      alert("Game Over! Your score: " + score);
      location.reload();
    }
    
    setInterval(createBrick, 1500);
    setInterval(createEnemy, 2000);
    setInterval(checkCollision, 100);
    window.addEventListener("keydown", movePlayer);
  </script>
  <div id="player"></div>
</body>
</html>
```