Create a horror game's game

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

No:23598

←

Prev Next

→

Create a horror game
Developer User11043｜Date and time 23/11/2 1:09:59
Build time 48.236 sec｜Game capacity 3.232KB｜

Script

Sure! Here's an example of a simple horror game implemented as a single HTML file using JavaScript:

This game sets up a simple scenario where the player (represented by a red square) needs to avoid a ghost (represented by a white square). The player can control their character using arrow keys, and if the player collides with the ghost, a "Game Over!" alert is shown. The game runs in a continuous loop using the `requestAnimationFrame` method. Please note that this is a very basic example and can be expanded upon to create a more complex horror game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple horror game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Horror Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the player character
        const player = {
            x: 200,
            y: 200,
            speed: 5,
            color: '#FF0000'
        };

// Define the ghost character
        const ghost = {
            x: 50,
            y: 50,
            speed: 2,
            color: '#FFFFFF'
        };

// Update function to handle game logic
        function update() {
            // Move the player character based on input
            document.addEventListener("keydown", function(event) {
                // Arrow key codes: Left - 37, Up - 38, Right - 39, Down - 40
                switch(event.keyCode) {
                    case 37:
                        player.x -= player.speed;
                        break;
                    case 38:
                        player.y -= player.speed;
                        break;
                    case 39:
                        player.x += player.speed;
                        break;
                    case 40:
                        player.y += player.speed;
                        break;
                }
            });

// Move the ghost character
            if (player.x < ghost.x) {
                ghost.x -= ghost.speed;
            } else if (player.x > ghost.x) {
                ghost.x += ghost.speed;
            }

if (player.y < ghost.y) {
                ghost.y -= ghost.speed;
            } else if (player.y > ghost.y) {
                ghost.y += ghost.speed;
            }

// Check collision between player and ghost
            if (player.x < ghost.x + 20 &&
                player.x + 20 > ghost.x &&
                player.y < ghost.y + 20 &&
                player.y + 20 > ghost.y) {
                alert("Game Over!");
            }

// Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player character
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, 20, 20);

// Draw the ghost character
            ctx.fillStyle = ghost.color;
            ctx.fillRect(ghost.x, ghost.y, 20, 20);

// Call update function again to create a game loop
            requestAnimationFrame(update);
        }

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

Please note that this is a very basic example and can be expanded upon to create a more complex horror game.