rie um jogo onde vc pode irá andar para todos os lados pelo um labirinto(grid) e quando tocar em quadrado irá cria um novo labirinto que e feito pelo um grid formada por: 1=parede 2=player 9=saída 3=porta e jogo só poderá ser feito de quadrados's game

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

No:35054

←

Prev Next

→

rie um jogo onde vc pode irá andar para todos os l..ALL
Developer User16419｜Date and time 24/1/13 5:34:51
Build time 11.53 sec｜Game capacity 3.106KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Labirinto</title>
    <style>
        #maze {
            display: grid;
            width: 300px;
            height: 300px;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: repeat(5, 1fr);
        }

.square {
            width: 60px;
            height: 60px;
            border: 1px solid black;
            text-align: center;
            font-size: 40px;
        }

.wall {
            background-color: gray;
        }

.player {
            background-color: blue;
        }

.exit {
            background-color: green;
        }

.door {
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="maze"></div>

var currentPlayerPosition = [1, 1];

function createMaze() {
            var maze = document.getElementById("maze");
            maze.innerHTML = "";

for (var i = 0; i < mazeGrid.length; i++) {
                for (var j = 0; j < mazeGrid[i].length; j++) {
                    var square = document.createElement("div");
                    square.className = "square";

if (mazeGrid[i][j] === 1) {
                        square.classList.add("wall");
                    } else if (mazeGrid[i][j] === 2) {
                        square.classList.add("player");
                    } else if (mazeGrid[i][j] === 9) {
                        square.classList.add("exit");
                    } else if (mazeGrid[i][j] === 3) {
                        square.classList.add("door");
                    }

maze.appendChild(square);
                }
            }
        }

function movePlayer(event) {
            var key = event.keyCode;
            var newPosition = currentPlayerPosition.slice();

if (key === 37) { // Left arrow key
                newPosition[1] -= 1;
            } else if (key === 38) { // Up arrow key
                newPosition[0] -= 1;
            } else if (key === 39) { // Right arrow key
                newPosition[1] += 1;
            } else if (key === 40) { // Down arrow key
                newPosition[0] += 1;
            }

if (mazeGrid[newPosition[0]][newPosition[1]] !== 1) {
                mazeGrid[currentPlayerPosition[0]][currentPlayerPosition[1]] = 0;
                mazeGrid[newPosition[0]][newPosition[1]] = 2;
                currentPlayerPosition = newPosition;
                createMaze();
                checkGameResult();
            }
        }

function checkGameResult() {
            if (mazeGrid[currentPlayerPosition[0]][currentPlayerPosition[1]] === 9) {
                alert("Parabéns! Você chegou à saída do labirinto!");
            }
        }

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