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

No:5867

522

←

Prev Next

→

Make a playable horror game were you choose your f..ALL
Developer User3850｜Date and time 23/7/1 0:42:00
Build time 38.138 sec｜Game capacity 5.34KB｜

Script

Sure, I can create a playable horror game with the given requirements. Here's a sample implementation in HTML, CSS, and JavaScript:

Horror Maze Game

With this code, when you load the HTML file in a web browser, a horror maze game will appear. You can use the arrow keys to move the yellow player square around the maze. The red monster square will chase you randomly. If the player and monster squares collide, the game is over, and a pop-up message will show your score. Please note that this is a simple example, and you can customize and enhance it further according to your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, I can create a playable horror game with the given requirements. Here's a sample implementation in HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: #000;
            color: #fff;
            font-family: 'Courier New', Courier, monospace;
        }
        #maze {
            width: 400px;
            height: 400px;
            border: 1px solid #fff;
            position: relative;
        }
        .player {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ff0;
            width: 20px;
            height: 20px;
        }
        .monster {
            position: absolute;
            bottom: 0;
            right: 0;
            background-color: #f00;
            width: 20px;
            height: 20px;
        }
    </style>
</head>
<body>
    <h1>Horror Maze Game</h1>

<div id="maze"></div>
    <script>
        const maze = document.querySelector('#maze');
        const player = document.createElement('div');
        const monster = document.createElement('div');
        const mazeWidth = 20;
        const mazeHeight = 20;
        const cellSize = 20;
        const playerSpeed = 50; // milliseconds
        const monsterSpeed = 300; // milliseconds

let playerPos = { x: 0, y: 0 };
        let monsterPos = { x: mazeWidth - 1, y: mazeHeight - 1 };

let score = 0;

const updatePlayer = () => {
            player.style.top = `${playerPos.y * cellSize}px`;
            player.style.left = `${playerPos.x * cellSize}px`;
        };

const updateMonster = () => {
            monster.style.top = `${monsterPos.y * cellSize}px`;
            monster.style.left = `${monsterPos.x * cellSize}px`;
        };

const getRandomColor = () => {
            const letters = '0123456789ABCDEF';
            let color = '#';
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        };

const handleKeyPress = (e) => {
            switch (e.key) {
                case 'ArrowUp':
                    movePlayer(0, -1);
                    break;
                case 'ArrowDown':
                    movePlayer(0, 1);
                    break;
                case 'ArrowLeft':
                    movePlayer(-1, 0);
                    break;
                case 'ArrowRight':
                    movePlayer(1, 0);
                    break;
            }
        };

const movePlayer = (dx, dy) => {
            const newPos = {
                x: playerPos.x + dx,
                y: playerPos.y + dy
            };

if (newPos.x >= 0 && newPos.x < mazeWidth && newPos.y >= 0 && newPos.y < mazeHeight) {
                playerPos = newPos;
                updatePlayer();

if (playerPos.x === monsterPos.x && playerPos.y === monsterPos.y) {
                    gameOver();
                }
            }
        };

const startGame = () => {
            createMaze();
            document.addEventListener('keydown', handleKeyPress);
            setInterval(moveMonsterRandomly, monsterSpeed);
        };

const moveMonsterRandomly = () => {
            const dx = Math.random() < 0.5 ? -1 : 1;
            const dy = Math.random() < 0.5 ? -1 : 1;
            const newPos = {
                x: monsterPos.x + dx,
                y: monsterPos.y + dy
            };

if (newPos.x >= 0 && newPos.x < mazeWidth && newPos.y >= 0 && newPos.y < mazeHeight) {
                monsterPos = newPos;
                updateMonster();

if (playerPos.x === monsterPos.x && playerPos.y === monsterPos.y) {
                    gameOver();
                }
            }
        };

startGame();
    </script>
</body>
</html>
```

Please note that this is a simple example, and you can customize and enhance it further according to your requirements and preferences.