An made generation, and every time you collides with the exit,the level restarts and a new maze is generated Wall:⬛ Player:🙂 Enemy:😡 Exit:🚪's game

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

No:30821

←

Prev Next

→

An made generation, and every time you collides wi..ALL
Developer User14891｜Date and time 23/12/24 7:01:03
Build time 11.258 sec｜Game capacity 3.274KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Maze Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400px" height="400px"></canvas>

const cellSize = 40; // Size of each maze cell
        const mazeWidth = 10; // Number of cells in the maze width
        const mazeHeight = 10; // Number of cells in the maze height

const player = {
            x: 0,
            y: 0
        };

const enemy = {
            x: Math.floor(Math.random() * mazeWidth),
            y: Math.floor(Math.random() * mazeHeight)
        };

const exit = {
            x: Math.floor(Math.random() * mazeWidth),
            y: Math.floor(Math.random() * mazeHeight)
        };

// Function to draw the maze game
        function draw() {
            // Clearing the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Drawing each maze cell
            for (let x = 0; x < mazeWidth; x++) {
                for (let y = 0; y < mazeHeight; y++) {
                    if (x === player.x && y === player.y) {
                        context.fillStyle = "yellow"; // Player
                    } else if (x === enemy.x && y === enemy.y) {
                        context.fillStyle = "red"; // Enemy
                    } else if (x === exit.x && y === exit.y) {
                        context.fillStyle = "green"; // Exit
                    } else {
                        context.fillStyle = "black"; // Wall
                    }

context.fillRect(x * cellSize, y * cellSize, cellSize, cellSize);
                }
            }
        }

// Function to handle key press events
        function movePlayer(event) {
            switch (event.keyCode) {
                case 37: // Left arrow key
                    if (player.x > 0) {
                        player.x--;
                    }
                    break;
                case 38: // Up arrow key
                    if (player.y > 0) {
                        player.y--;
                    }
                    break;
                case 39: // Right arrow key
                    if (player.x < mazeWidth - 1) {
                        player.x++;
                    }
                    break;
                case 40: // Down arrow key
                    if (player.y < mazeHeight - 1) {
                        player.y++;
                    }
                    break;
            }

// Check if player collides with the exit
            if (player.x === exit.x && player.y === exit.y) {
                // Generate a new maze
                enemy.x = Math.floor(Math.random() * mazeWidth);
                enemy.y = Math.floor(Math.random() * mazeHeight);

exit.x = Math.floor(Math.random() * mazeWidth);
                exit.y = Math.floor(Math.random() * mazeHeight);
            }

draw();
        }

// Start the game
        function startGame() {
            draw();
            document.addEventListener("keydown", movePlayer);
        }

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