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

No:17329

A horror game where players must run from pursuing..ALL
Developer User7645｜Date and time 23/9/23 5:17:59
Build time 56.547 sec｜Game capacity 6.826KB｜

Script

Sure! Here's an example of a horror game where players must run from pursuing enemies and collect bricks to temporarily stun them. It's implemented as a single HTML file using JavaScript enclosed in script tags:

Horror Game

🏃

To play the game: 1. Copy the above code and save it as an HTML file (e.g., `horror_game.html`). 2. Open the saved file in a web browser. 3. Click on the "Start Game" button to begin. 4. Use the left and right arrow keys to move the player (depicted as a running person). 5. Press the spacebar to throw a brick at enemies. 6. The goal is to avoid the enemies and survive as long as possible by stunning them with bricks. Feel free to customize the game further by adding additional features, sound effects, or improving the graphics.

←

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 {
            text-align: center;
        }
        
        #game {
            position: relative;
            height: 400px;
            border: 2px solid black;
        }
        
        #player {
            position: absolute;
            top: 180px;
            left: 40px;
            font-size: 25px;
        }
        
        .enemy {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: red;
            border-radius: 50%;
        }
        
        .brick {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: gray;
        }
    </style>
</head>
<body>
    <h1>Horror Game</h1>
    <div id="game">
        <div id="player">🏃</div>
    </div>
    <button onclick="startGame()">Start Game</button>
    
    <script>
        // Game variables
        var player;
        var enemies = [];
        var bricks = [];
        var gameStarted = false;
        var gameInterval;
        
        // Start the game
        function startGame() {
            gameStarted = true;
            document.querySelector("button").disabled = true;
            document.querySelector("button").style.display = "none";
            player = document.getElementById("player");
            gameInterval = setInterval(updateGameArea, 20);
            createEnemies();
            createBricks();
        }
        
        // Handle key presses
        function movePlayer(event) {
            if (!gameStarted)
                return;
            
            var key = event.keyCode;
            if (key == 37) { // Left arrow
                moveLeft();
            } else if (key == 39) { // Right arrow
                moveRight();
            } else if (key == 32) { // Spacebar
                throwBrick();
            }
            
            event.preventDefault();
        }
        
        // Move player left
        function moveLeft() {
            var leftPos = parseInt(player.style.left);
            if (leftPos >= 0)
                player.style.left = (leftPos - 10) + "px";
        }
        
        // Move player right
        function moveRight() {
            var leftPos = parseInt(player.style.left);
            if (leftPos + player.offsetWidth <= game.offsetWidth)
                player.style.left = (leftPos + 10) + "px";
        }
        
        // Throw a brick
        function throwBrick() {
            if (bricks.length > 0) {
                var brick = bricks.pop();
                brick.style.top = player.offsetTop + "px";
                brick.style.left = player.offsetLeft + "px";
                game.appendChild(brick);
                
                setTimeout(function() {
                    brick.parentNode.removeChild(brick);
                }, 1000);
            }
        }
        
        // Create enemies
        function createEnemies() {
            for (var i = 0; i < 5; i++) {
                var enemy = document.createElement("div");
                enemy.className = "enemy";
                enemy.style.top = getRandomPosition(40, 340) + "px";
                enemy.style.left = getRandomPosition(40, 340) + "px";
                game.appendChild(enemy);
                enemies.push(enemy);
            }
        }
        
        // Create bricks
        function createBricks() {
            for (var i = 0; i < 3; i++) {
                var brick = document.createElement("div");
                brick.className = "brick";
                bricks.push(brick);
            }
        }
        
        // Update game area
        function updateGameArea() {
            // Move enemies towards player
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                var enemyTop = parseInt(enemy.style.top);
                var enemyLeft = parseInt(enemy.style.left);
                var playerTop = parseInt(player.style.top);
                var playerLeft = parseInt(player.style.left);
                
                if (enemyTop < playerTop) {
                    enemy.style.top = (enemyTop + 1) + "px";
                } else if (enemyTop > playerTop) {
                    enemy.style.top = (enemyTop - 1) + "px";
                }
                
                if (enemyLeft < playerLeft) {
                    enemy.style.left = (enemyLeft + 1) + "px";
                } else if (enemyLeft > playerLeft) {
                    enemy.style.left = (enemyLeft - 1) + "px";
                }
            }
            
            // Check collision with enemies
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                if (collision(player, enemy)) {
                    endGame();
                    return;
                }
            }
        }
        
        // Check collision between two elements
        function collision(elem1, elem2) {
            var rect1 = elem1.getClientRects()[0];
            var rect2 = elem2.getClientRects()[0];
            
            return (
                rect1.left < rect2.right &&
                rect1.right > rect2.left &&
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top
            );
        }
        
        // Generate random position
        function getRandomPosition(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        
        // End the game
        function endGame() {
            clearInterval(gameInterval);
            document.querySelector("button").disabled = false;
            document.querySelector("button").style.display = "block";
            gameStarted = false;
            player.style.left = "40px";
        }
        
        // Start the game when the page loads
        window.onload = function() {
            document.addEventListener("keydown", movePlayer);
        };
    </script>
</body>
</html>
```

To play the game:

1. Copy the above code and save it as an HTML file (e.g., `horror_game.html`).
2. Open the saved file in a web browser.
3. Click on the "Start Game" button to begin.
4. Use the left and right arrow keys to move the player (depicted as a running person).
5. Press the spacebar to throw a brick at enemies.
6. The goal is to avoid the enemies and survive as long as possible by stunning them with bricks.

Feel free to customize the game further by adding additional features, sound effects, or improving the graphics.