Crie um jogo chamado dugem onde na programação terra uma grid da dugem onde terá vários números sendo: 0=nada 1=parede 2=porta 9=saida 5=jogador 3=bomba sendo usado pra forma um labirinto e tocando na saída será gerado um novo labirinto e o gráfico e feito de quadrado's game

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

No:18913

←

Prev Next

→

Crie um jogo chamado dugem onde na programação ter..ALL
Developer User8225｜Date and time 23/10/1 2:56:26
Build time 8.58 sec｜Game capacity 1.877KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Dugem</title>
<style>
    .grid {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        gap: 1px;
        background-color: #000;
        padding: 10px;
    }

.square {
        background-color: #fff;
        width: 50px;
        height: 50px;
    }
</style>
</head>
<body>
<script>
    function createMaze() {
        const maze = [
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 5, 3, 0, 0, 0, 0, 0, 0, 1],
            [1, 0, 1, 0, 1, 1, 1, 1, 0, 1],
            [1, 0, 2, 0, 0, 0, 0, 1, 0, 1],
            [1, 1, 1, 0, 1, 1, 1, 1, 0, 1],
            [1, 0, 0, 0, 1, 0, 0, 0, 0, 1],
            [1, 1, 1, 1, 1, 0, 1, 1, 0, 1],
            [1, 0, 0, 0, 0, 0, 0, 1, 9, 1],
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        ];

const mazeElement = document.getElementById('maze');
        mazeElement.innerHTML = '';

maze.forEach(row => {
            row.forEach(col => {
                const square = document.createElement('div');
                square.className = 'square';
                
                if (col === 0) {
                    square.style.backgroundColor = '#fff';
                } else if (col === 1) {
                    square.style.backgroundColor = '#000';
                } else if (col === 2) {
                    square.style.backgroundColor = '#0f0';
                } else if (col === 3) {
                    square.style.backgroundColor = '#f00';
                } else if (col === 5) {
                    square.style.backgroundColor = '#00f';
                } else if (col === 9) {
                    square.style.backgroundColor = '#f80';
                }
                
                mazeElement.appendChild(square);
            });
        });
    }

createMaze();
</script>
<div id="maze" class="grid"></div>
</body>
</html>