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

No:35811

The player is in a library there's a monster in th..ALL
Developer User16627｜Date and time 24/1/15 13:06:41
Build time 15.255 sec｜Game capacity 3.961KB｜

Script

Sure, here's an example of a game that meets your requirements:

Library Escape

🚶

👹

🚪

📚

In this game, you control the player character (🚶) using the arrow keys on your smartphone. The goal is to collect all seven books (📚) while avoiding the monster (👹). Once all the books are collected, a door (🚪) will appear and you can escape. Please note that this is a basic example and can be further improved in terms of design and gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, here's an example of a game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Library Escape</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #monster {
            position: absolute;
            top: 30%;
            left: 30%;
            font-size: 48px;
        }
        .book {
            position: absolute;
            font-size: 36px;
        }
        #door {
            display: none;
            position: absolute;
            top: 50%;
            left: 90%;
            transform: translate(-50%, -50%);
            font-size: 48px;
            color: green;
        }
    </style>
</head>
<body>
    <script>
        var booksCollected = 0;
        var player = document.getElementById("player");
        var monster = document.getElementById("monster");

document.addEventListener("keydown", function(e) {
            var key = e.key;
            var playerPos = getPosition(player);

if (key === "ArrowUp") {
                player.style.top = (playerPos.y - 10) + "px";
            } else if (key === "ArrowDown") {
                player.style.top = (playerPos.y + 10) + "px";
            } else if (key === "ArrowLeft") {
                player.style.left = (playerPos.x - 10) + "px";
            } else if (key === "ArrowRight") {
                player.style.left = (playerPos.x + 10) + "px";
            }

var playerRect = player.getBoundingClientRect();
            var monsterRect = monster.getBoundingClientRect();

if (rectIntersect(playerRect, monsterRect)) {
                gameOver();
            }

function getPosition(element) {
            var rect = element.getBoundingClientRect();
            return {
                x: rect.left,
                y: rect.top
            };
        }

function rectIntersect(rect1, rect2) {
            return (
                rect1.left < rect2.right &&
                rect1.right > rect2.left &&
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top
            );
        }

function gameOver() {
            alert("Game Over!");
            location.reload();
        }
    </script>

<h1>Library Escape</h1>
    <div id="player">🚶</div>
    <div id="monster">👹</div>
    <div id="door">🚪</div>
    <div class="book" style="top: 10%; left: 20%;">📚</div>
    <div class="book" style="top: 30%; left: 50%;">📚</div>
    <div class="book" style="top: 60%; left: 70%;">📚</div>
    <div class="book" style="top: 80%; left: 30%;">📚</div>
    <div class="book" style="top: 50%; left: 10%;">📚</div>
    <div class="book" style="top: 20%; left: 80%;">📚</div>
    <div class="book" style="top: 70%; left: 50%;">📚</div>
</body>
</html>
```

Please note that this is a basic example and can be further improved in terms of design and gameplay mechanics.