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

No:17587

110

←

Prev Next

→

A game of a teacher chasing you in a school as a m..ALL
Developer User7720｜Date and time 23/9/24 1:28:21
Build time 37.003 sec｜Game capacity 4.564KB｜

Script

Sure! Here's an example of a simple HTML game where you play as a student trying to escape a maze while being chased by a teacher.

Escape the Maze!

In this game, the maze is represented as a 10x10 grid. The player starts at the top-left corner (cell 0,0), and the teacher starts at the bottom-right corner (cell 9,9). The player's objective is to reach the bottom-left corner (cell 0,9) to escape the maze. To move the player, you can use the arrow keys on your smartphone's keyboard. Avoid the teacher's position as you navigate through the maze. If the player collides with the teacher, the game is over. If the player reaches the escape point, a message will appear confirming that you have won the game. Feel free to modify the code and add any additional features or enhancements to make the game more enjoyable.

←

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 HTML game where you play as a student trying to escape a maze while being chased by a teacher.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Escape the Maze!</title>
    <style>
        #maze {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(10, 1fr);
        }
        .cell {
            background-color: white;
            border: 1px solid black;
        }
        .player {
            background-color: blue;
        }
        .teacher {
            background-color: red;
        }
    </style>
</head>
<body>
    <h1>Escape the Maze!</h1>
    <div id="maze"></div>

const rows = 10;
            const columns = 10;
            const playerStartPosition = { x: 0, y: 0 };
            const teacherStartPosition = { x: 9, y: 9 };

let playerPosition = { x: playerStartPosition.x, y: playerStartPosition.y };
            let teacherPosition = { x: teacherStartPosition.x, y: teacherStartPosition.y };

function handleKeydown(event) {
                const key = event.key;

if (key === "ArrowUp" && playerPosition.y > 0) {
                    movePlayer(playerPosition.x, playerPosition.y - 1);
                } else if (key === "ArrowDown" && playerPosition.y < columns - 1) {
                    movePlayer(playerPosition.x, playerPosition.y + 1);
                } else if (key === "ArrowLeft" && playerPosition.x > 0) {
                    movePlayer(playerPosition.x - 1, playerPosition.y);
                } else if (key === "ArrowRight" && playerPosition.x < rows - 1) {
                    movePlayer(playerPosition.x + 1, playerPosition.y);
                }
            }

function movePlayer(newX, newY) {
                if (newX === teacherPosition.x && newY === teacherPosition.y) {
                    alert("Game Over! The teacher caught you.");
                    resetGame();
                } else {
                    mazeCells[playerPosition.x * rows + playerPosition.y].classList.remove("player");
                    playerPosition.x = newX;
                    playerPosition.y = newY;
                    mazeCells[playerPosition.x * rows + playerPosition.y].classList.add("player");

if (playerPosition.x === 0 && playerPosition.y === 9) {
                        alert("Congratulations! You escaped the maze!");
                        resetGame();
                    }
                }
            }

createMaze();
            window.addEventListener("keydown", handleKeydown);
        });
    </script>
</body>
</html>
```

To move the player, you can use the arrow keys on your smartphone's keyboard. Avoid the teacher's position as you navigate through the maze. If the player collides with the teacher, the game is over. If the player reaches the escape point, a message will appear confirming that you have won the game.

Feel free to modify the code and add any additional features or enhancements to make the game more enjoyable.