AI game creator

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

No:14636

←

Prev Next

→

Escape evil school.
Developer User3943｜Date and time 23/9/3 21:11:18
Build time 35.464 sec｜Game capacity 4.322KB｜

Script

This is a simple game where you have to help the player escape from an evil school by navigating through a maze. The player is represented by a red square and can be controlled using the arrow keys on a smartphone. The walls in the maze are represented by gray rectangles, and the exit is represented by a green square. If the player collides with a wall, they will be reset to the starting position and receive an alert. Once the player reaches the exit, they will receive a congratulatory message. The game is implemented using HTML, CSS, and JavaScript, enclosed within script tags in a single HTML file.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }

.wall {
            position: absolute;
            background-color: gray;
        }

.exit {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: green;
        }
    </style>
</head>

<body>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var player = document.getElementById("player");
            var walls = document.getElementsByClassName("wall");
            var exit = document.getElementById("exit");
            var mazeWidth = document.documentElement.clientWidth;
            var mazeHeight = document.documentElement.clientHeight;
            var playerPos = {
                x: 20,
                y: 20
            };

player.style.left = playerPos.x + "px";
                player.style.top = playerPos.y + "px";

// Check if player reached the exit
                if (collisionCheck(player, exit)) {
                    alert("Congratulations! You escaped the evil school.");
                }

// Check for collision with walls
                for (var i = 0; i < walls.length; i++) {
                    if (collisionCheck(player, walls[i])) {
                        player.style.backgroundColor = "black";
                        alert("Oops! You hit a wall.");
                        playerPos.x = 20;
                        playerPos.y = 20;
                        player.style.left = playerPos.x + "px";
                        player.style.top = playerPos.y + "px";
                        player.style.backgroundColor = "red";
                        break;
                    }
                }
            }

function collisionCheck(obj1, obj2) {
                var rect1 = obj1.getBoundingClientRect();
                var rect2 = obj2.getBoundingClientRect();

return (
                    rect1.top < rect2.bottom &&
                    rect1.bottom > rect2.top &&
                    rect1.left < rect2.right &&
                    rect1.right > rect2.left
                );
            }

document.addEventListener("keydown", movePlayer);
        });
    </script>
    <div id="player"></div>
    <div class="wall" style="width: 20px; height: 200px; top: 100px; left: 100px;"></div>
    <div class="wall" style="width: 200px; height: 20px; top: 200px; left: 200px;"></div>
    <div class="exit" id="exit" style="top: 500px; left: 500px;"></div>
</body>

</html>
```