Make a maze game that’s very hard as in very big, but still beatable's game

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

No:49442

←

Prev Next

→

Make a maze game that’s very hard as in very big, ..ALL
Developer User21041｜Date and time 24/3/5 3:04:09
Build time 11.97 sec｜Game capacity 3.217KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Hard Maze Game</title>
    <style>
        #game {
            display: grid;
            grid-template-columns: repeat(20, 30px); /* adjust number of columns */
            grid-template-rows: repeat(20, 30px); /* adjust number of rows */
        }
        .player {
            background-color: blue;
            width: 30px;
            height: 30px;
        }
        .wall {
            background-color: black;
            width: 30px;
            height: 30px;
        }
        .finish {
            background-color: green;
            width: 30px;
            height: 30px;
        }
    </style>
</head>
<body>
    <div id="game"></div>
    
    <script>
        const game = document.getElementById('game');
        const player = document.createElement('div');
        const finish = document.createElement('div');
        player.classList.add('player');
        finish.classList.add('finish');
        game.appendChild(player);
        game.appendChild(finish);

const maze = [ // 20 x 20 maze
            ['wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall', 'wall'],
            // Add more rows of the maze
        ];

let playerPosition = {x: 0, y: 0};
        let finishPosition = {x: 19, y: 19};

if(playerPosition.x === finishPosition.x && playerPosition.y === finishPosition.y) {
                alert('You Win! Congratulations!');
            }

renderMaze();
        }

renderMaze();

document.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>