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

No:30396

Horror game but you are the monster
Developer User14758｜Date and time 23/12/21 11:20:27
Build time 18.608 sec｜Game capacity 2.679KB｜

Script

Horror Monster Game

Use the arrow keys to control the monster (@) and avoid the player (👹). Good luck!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Horror Monster Game</title>
</head>
<body>
    <script>
        // Necessary game variables
        var player = "@";
        var monster = "👹";
        var mapSize = 5;
        var playerX = 0;
        var playerY = 0;
        var monsterX = getRandomPosition();
        var monsterY = getRandomPosition();

// Function to generate a random position for the monster
        function getRandomPosition() {
            return Math.floor(Math.random() * mapSize);
        }

// Initialize game
        function initializeGame() {
            document.addEventListener("keydown", movePlayer);
            updateGame();
        }

// Update game display
        function updateGame() {
            var gameArea = document.getElementById("game-area");
            gameArea.innerHTML = "";

for (var y = 0; y < mapSize; y++) {
                for (var x = 0; x < mapSize; x++) {
                    if (x === playerX && y === playerY) {
                        gameArea.innerHTML += player + " ";
                    } else if (x === monsterX && y === monsterY) {
                        gameArea.innerHTML += monster + " ";
                    } else {
                        gameArea.innerHTML += "🌲 ";
                    }
                }
                gameArea.innerHTML += "<br>";
            }

checkCollision();
        }

// Function to handle player movement
        function movePlayer(event) {
            var keyCode = event.keyCode;
            var move = true;

if (keyCode === 37 && playerX > 0) { // Left arrow key
                playerX--;
            } else if (keyCode === 38 && playerY > 0) { // Up arrow key
                playerY--;
            } else if (keyCode === 39 && playerX < mapSize - 1) { // Right arrow key
                playerX++;
            } else if (keyCode === 40 && playerY < mapSize - 1) { // Down arrow key
                playerY++;
            } else {
                move = false;
            }

if (move) {
                updateGame();
            }
        }

// Check for collision between player and monster
        function checkCollision() {
            if (playerX === monsterX && playerY === monsterY) {
                alert("Game Over! The monster got you!");
                location.reload(); // Restart the game
            }
        }

// Start the game
        initializeGame();
    </script>

<h1>Horror Monster Game</h1>
    <p>Use the arrow keys to control the monster (@) and avoid the player (👹). Good luck!</p>
    <div id="game-area"></div>
</body>
</html>