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

No:25352

Make a very horror game
Developer User12399｜Date and time 23/11/20 22:55:34
Build time 136.897 sec｜Game capacity 4.017KB｜

Script

Sure! Here's a simple horror game implemented as a single HTML file using JavaScript. The game can be played on a smartphone and includes pictograms to enhance the horror experience. Note that this is a basic implementation and can be expanded upon to include more features and intricate gameplay.

Welcome to the Horror Game!

To play the game, save the above code as an HTML file, open it in a web browser on your smartphone, and follow the instructions depicted on the screen. The game involves avoiding the enemy and reaching the exit to win. Enjoy the horror experience!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      margin: 50px auto;
      width: 300px;
      height: 300px;
      border: 2px solid #000;
      position: relative;
    }
    .icon {
      width: 80px;
      height: 80px;
      position: absolute;
      transition: all 0.5s ease-in-out;
    }
    #player, .enemy {
      background-color: #FF0000;
    }
    #exit {
      background-color: #008000;
    }
  </style>
</head>

<body>
  <h1>Welcome to the Horror Game!</h1>
  <div id="game">
    <div id="player" class="icon"></div>
    <div id="enemy" class="icon"></div>
    <div id="exit" class="icon"></div>
  </div>
  
<script>
  document.addEventListener("DOMContentLoaded", function() {

var player = document.querySelector("#player");
    var enemy = document.querySelector("#enemy");
    var exit = document.querySelector("#exit");

var gameActive = false;

// Set game area dimensions
    var gameWidth = document.querySelector("#game").offsetWidth;
    var gameHeight = document.querySelector("#game").offsetHeight;

// Set initial player position
    var playerX = gameWidth / 2 - 40;
    var playerY = gameHeight / 2 - 40;

// Generate random enemy position
    var enemyX = Math.floor(Math.random() * (gameWidth - 80));
    var enemyY = Math.floor(Math.random() * (gameHeight - 80));

// Generate random exit position
    var exitX = Math.floor(Math.random() * (gameWidth - 80));
    var exitY = Math.floor(Math.random() * (gameHeight - 80));

// Move player based on touch events
    document.addEventListener("touchmove", function(e) {
      if (gameActive) {
        playerX = e.touches[0].clientX - 40;
        playerY = e.touches[0].clientY - 40;
        movePlayer();
        checkCollision();
      }
    });

// Start the game
    function startGame() {
      gameActive = true;
      movePlayer();
    }

// Move the player to its position
    function movePlayer() {
      player.style.left = playerX + "px";
      player.style.top = playerY + "px";
    }

// Check collision with enemy or exit
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var enemyRect = enemy.getBoundingClientRect();
      var exitRect = exit.getBoundingClientRect();

// Check collision with enemy
      if (isColliding(playerRect, enemyRect)) {
        gameOver("You were caught by an enemy! Game Over!");
      }

// Check collision with exit
      if (isColliding(playerRect, exitRect)) {
        gameOver("Congratulations, you escaped the horror! You Win!");
      }
    }

// Utility function to check collision between two elements
    function isColliding(rect1, rect2) {
      return (
        rect1.left < rect2.right &&
        rect1.right > rect2.left &&
        rect1.top < rect2.bottom &&
        rect1.bottom > rect2.top
      );
    }

// Game over function to stop the game and show message
    function gameOver(message) {
      gameActive = false;
      alert(message);
    }

// Set initial positions and start the game
    player.style.left = playerX + "px";
    player.style.top = playerY + "px";
    enemy.style.left = enemyX + "px";
    enemy.style.top = enemyY + "px";
    exit.style.left = exitX + "px";
    exit.style.top = exitY + "px";

startGame(); // Start the game

});
</script>
</body>

</html>
```