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

No:18635

Crie um jogo onde uma Mine ai. Em que cria uma lab..ALL
Developer User8225｜Date and time 23/9/30 8:49:58
Build time 14.616 sec｜Game capacity 4.936KB｜

Script

Aqui está um exemplo de um jogo simples usando JavaScript para criar um labirinto com paredes amarelas e uma porta marrom. O jogador pode se mover para cima, baixo, esquerda e direita, e precisa passar por 100 salas para vencer o jogo.

Jogo do Labirinto

Esse código cria uma grade de células representando o labirinto, onde a célula amarela é uma parede, a célula marrom é a porta de saída e a célula onde o jogador está é representada por um pictograma. O jogador pode ser movido usando as setas do teclado. Quando o jogador alcançar a porta de saída, aparecerá um alerta informando que o jogo foi vencido, reiniciando o labirinto.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Labirinto</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        
        .maze {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            gap: 2px;
        }
        
        .cell {
            height: 40px;
            width: 40px;
            background-color: yellow;
            border: 1px solid black;
        }
        
        .player {
            height: 40px;
            width: 40px;
            background-image: url("pictograma.png"); /* Substitua pelo caminho da sua imagem */
            background-size: cover;
            border: 1px solid black;
        }
        
        .exit {
            height: 40px;
            width: 40px;
            background-color: brown;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>Jogo do Labirinto</h1>
    
    <div class="maze"></div>
    
    <script>
        const mazeSize = 10; // Tamanho do labirinto
        let playerPosition = { x: 0, y: 0 }; // Posição inicial do jogador
        
        const mazeElement = document.querySelector('.maze');
        
        // Função para criar o labirinto
        function createMaze() {
            for(let i = 0; i < mazeSize; i++) {
                for(let j = 0; j < mazeSize; j++) {
                    const cell = document.createElement('div');
                    cell.classList.add('cell');
                    
                    if(i === playerPosition.y && j === playerPosition.x) {
                        cell.classList.add('player');
                    } else if (i === mazeSize-1 && j === mazeSize-1) {
                        cell.classList.add('exit');
                    }
                    
                    mazeElement.appendChild(cell);
                }
            }
        }
        
        // Função para atualizar a posição do jogador
        function updatePlayerPosition(position) {
            const cells = document.querySelectorAll('.cell');
            
            cells.forEach(cell => {
                if (cell.classList.contains('player')) {
                    cell.classList.remove('player');
                }
                
                if (cell.classList.contains(`x${position.x}`) && cell.classList.contains(`y${position.y}`)) {
                    cell.classList.add('player');
                }
            });
        }
        
        // Função para movimentar o jogador
        function movePlayer(event) {
            let newPosition = Object.assign({}, playerPosition);
            
            switch (event.key) {
                case 'ArrowUp':
                    newPosition.y = Math.max(0, newPosition.y - 1);
                    break;
                case 'ArrowDown':
                    newPosition.y = Math.min(mazeSize-1, newPosition.y + 1);
                    break;
                case 'ArrowLeft':
                    newPosition.x = Math.max(0, newPosition.x - 1);
                    break;
                case 'ArrowRight':
                    newPosition.x = Math.min(mazeSize-1, newPosition.x + 1);
                    break;
                default:
                    return; // Ignore outras teclas
            }
            
            // Verifica se a nova posição é uma parede
            const nextCell = document.querySelector(`.x${newPosition.x}.y${newPosition.y}`);
            if (nextCell && !nextCell.classList.contains('cell')) {
                return; // Ignora movimento para paredes
            }
            
            playerPosition = newPosition;
            updatePlayerPosition(playerPosition);
            
            // Verifica se o jogador chegou à saída
            if (playerPosition.x === mazeSize-1 && playerPosition.y === mazeSize-1) {
                alert("Você venceu o jogo!");
                mazeElement.innerHTML = ""; // Reinicia o jogo
                playerPosition = { x: 0, y: 0 };
                createMaze();
                updatePlayerPosition(playerPosition);
            }
        }
        
        createMaze();
        
        // Adiciona o evento de movimentação do jogador
        window.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>
```