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

No:18914

Crie um jogo chamado dugem onde na programação ter..ALL
Developer User8225｜Date and time 23/10/1 2:59:03
Build time 18.649 sec｜Game capacity 5.593KB｜

Script

Aqui está um exemplo de implementação do jogo "Dugem" em um único arquivo HTML:

Dugem - Jogo de Labirinto

Este código cria um jogo chamado "Dugem" onde a grade do labirinto é representada por uma matriz de números. As células podem conter os seguintes valores: 0=nada, 1=parede, 2=porta, 9=saída, 5=jogador e 3=gnomo. O jogador pode mover-se para cima, para baixo, para a esquerda e para a direita no labirinto. Ao chegar à saída, um novo labirinto é gerado e o jogador é reposicionado na posição inicial. O gráfico do labirinto é mostrado usando quadrados coloridos representando cada célula. Esse código é um esqueleto básico e você pode personalizá-lo e expandi-lo conforme necessário para criar um jogo completo "Dugem".

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de implementação do jogo "Dugem" em um único arquivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dugem - Jogo de Labirinto</title>
    <style>
        #container {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
        }

.cell {
            width: 30px;
            height: 30px;
            border: 1px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>
<body>
    <h1>Dugem - Jogo de Labirinto</h1>

// Definição do labirinto
        const maze = [
            [1, 1, 1, 1, 1, 1, 1, 1],
            [1, 5, 0, 0, 0, 0, 0, 1],
            [1, 0, 1, 1, 0, 1, 0, 1],
            [1, 0, 1, 0, 0, 1, 0, 1],
            [1, 0, 1, 1, 0, 1, 0, 1],
            [1, 0, 0, 0, 0, 3, 2, 1],
            [1, 1, 1, 1, 1, 1, 1, 1]
        ];

// Referência para o elemento HTML do container do labirinto
        const container = document.getElementById('container');

// Função que cria a representação gráfica do labirinto
        function createMaze() {
            container.innerHTML = '';

for(let i = 0; i < gridSize; i++) {
                for(let j = 0; j < gridSize; j++) {
                    const cell = document.createElement('div');
                    cell.className = 'cell';

// Definindo a cor da célula com base no valor do labirinto
                    switch(maze[i][j]) {
                        case 0: // Nada
                            cell.style.backgroundColor = '#FFF';
                            break;
                        case 1: // Parede
                            cell.style.backgroundColor = '#000';
                            break;
                        case 2: // Porta
                            cell.style.backgroundColor = '#00F';
                            break;
                        case 3: // Gnome
                            cell.style.backgroundColor = '#F00';
                            break;
                        case 5: // Jogador
                            cell.style.backgroundColor = '#0F0';
                            break;
                        case 9: // Saída
                            cell.style.backgroundColor = '#FF0';
                            break;
                    }
                    container.appendChild(cell);
                }
            }
        }

// Função que move o jogador no labirinto
        function movePlayer(event) {
            switch(event.key) {
                case 'ArrowUp':
                    if(maze[playerPosition.i - 1][playerPosition.j] !== 1) {
                        maze[playerPosition.i][playerPosition.j] = 0;
                        maze[playerPosition.i - 1][playerPosition.j] = 5;
                    }
                    break;
                case 'ArrowDown':
                    if(maze[playerPosition.i + 1][playerPosition.j] !== 1) {
                        maze[playerPosition.i][playerPosition.j] = 0;
                        maze[playerPosition.i + 1][playerPosition.j] = 5;
                    }
                    break;
                case 'ArrowLeft':
                    if(maze[playerPosition.i][playerPosition.j - 1] !== 1) {
                        maze[playerPosition.i][playerPosition.j] = 0;
                        maze[playerPosition.i][playerPosition.j - 1] = 5;
                    }
                    break;
                case 'ArrowRight':
                    if(maze[playerPosition.i][playerPosition.j + 1] !== 1) {
                        maze[playerPosition.i][playerPosition.j] = 0;
                        maze[playerPosition.i][playerPosition.j + 1] = 5;
                    }
                    break;
            }

// Verifica se o jogador chegou à saída
            if(maze[playerPosition.i][playerPosition.j] === 9) {
                generateNewMaze();
            }

createMaze();
        }

// Função que gera um novo labirinto
        function generateNewMaze() {
            // Aqui você pode implementar a geração aleatória de um novo labirinto
            // Atualize a matriz 'maze' com o novo labirinto gerado aleatoriamente
            // Por simplicidade, vamos apenas reutilizar o labirinto existente

// Reposiciona o jogador na posição inicial
            maze[playerPosition.i][playerPosition.j] = 0;
            maze[1][1] = 5;
        }

// Posição inicial do jogador
        const playerPosition = {
            i: 1,
            j: 1
        };

// Adiciona o evento de movimento do jogador
        document.addEventListener('keydown', movePlayer);

// Inicia o jogo
        createMaze();
    </script>
</body>
</html>
```

O jogador pode mover-se para cima, para baixo, para a esquerda e para a direita no labirinto. Ao chegar à saída, um novo labirinto é gerado e o jogador é reposicionado na posição inicial. O gráfico do labirinto é mostrado usando quadrados coloridos representando cada célula.

Esse código é um esqueleto básico e você pode personalizá-lo e expandi-lo conforme necessário para criar um jogo completo "Dugem".