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

No:11585

199

←

Prev Next

→

A horror game about a man in your house hwo has a ..ALL
Developer User4920｜Date and time 23/8/11 5:31:26
Build time 31.415 sec｜Game capacity 4.392KB｜

Script

Invasion - Horror Escape Game

Use the arrow keys to move the player in order to find objects and keys to escape the house.

Avoid the man with a gun, if he catches you, it's game over!

In this implementation, the game is a simplified version of the given description. The player is represented by an image ("emozi_all/game.png"), the man with a gun by another image ("emozi_all/man.png"), the key by a small image ("emozi_all/key.png"), and the escape object by a larger image ("emozi_himawari.png"). The player navigates through the house by using the arrow keys to move left, right, up, or down. The goal is to find the key, unlock the object, and escape the house without being caught by the man with a gun. The game ends either when the player is caught or when the player successfully escapes the house by finding the object.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Invasion - Horror Escape Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            font-size: 30px;
            margin-top: 20px;
        }
        #game-container {
            margin-top: 50px;
        }
        #instructions {
            margin-top: 20px;
        }
        #status {
            margin-top: 20px;
            font-size: 20px;
            font-weight: bold;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 16px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Invasion - Horror Escape Game</h1>
    <div id="game-container">
        <img id="player" src="player.png" alt="Player" width="100">
        <img id="man" src="man.png" alt="Man" width="100">
        <img id="key" src="key.png" alt="Key" width="50">
        <img id="object" src="object.png" alt="Object" width="100">
    </div>
    <div id="instructions">
        <p>Use the arrow keys to move the player in order to find objects and keys to escape the house.</p>
        <p>Avoid the man with a gun, if he catches you, it's game over!</p>
    </div>
    <div id="status"></div>
    <script>
        var player = document.getElementById("player");
        var man = document.getElementById("man");
        var key = document.getElementById("key");
        var object = document.getElementById("object");
        var status = document.getElementById("status");

var playerX = 0;
        var playerY = 0;

var keyX = getRandomPosition();
        var keyY = getRandomPosition();

var objectX = getRandomPosition();
        var objectY = getRandomPosition();

var manX = getRandomPosition();
        var manY = getRandomPosition();

var isGameOver = false;

function getRandomPosition() {
            return Math.floor(Math.random() * 450);
        }

function updateGame() {
            if (isGameOver) return;

player.style.top = playerY + "px";
            player.style.left = playerX + "px";

checkCollision();

if (isGameOver) {
                status.textContent = "Game Over! You were caught by the man with a gun.";
                return;
            }

requestAnimationFrame(updateGame);
        }

function checkCollision() {
            if (playerX === keyX && playerY === keyY) {
                key.style.display = "none";
                object.style.visibility = "visible";
            }

if (playerX === objectX && playerY === objectY) {
                object.style.display = "none";
                status.textContent = "Congratulations! You have found the object and escaped the house!";
                isGameOver = true;
            }

if (playerX === manX && playerY === manY) {
                isGameOver = true;
            }
        }

requestAnimationFrame(updateGame);
    </script>
</body>
</html>
```

In this implementation, the game is a simplified version of the given description. The player is represented by an image ("player.png"), the man with a gun by another image ("man.png"), the key by a small image ("key.png"), and the escape object by a larger image ("object.png"). The player navigates through the house by using the arrow keys to move left, right, up, or down. The goal is to find the key, unlock the object, and escape the house without being caught by the man with a gun. The game ends either when the player is caught or when the player successfully escapes the house by finding the object.