Crie uma grid onde é assim: 1=parede 2=$ 3=porta 9=saída 4=© 5=jogador e o jogador poderá anda para esquerda direita baixo cima's game

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

No:21326

236

←

Prev Next

→

Crie uma grid onde é assim: 1=parede 2=$ 3=porta 9..ALL
Developer User8225｜Date and time 23/10/15 0:21:39
Build time 108.306 sec｜Game capacity 5.339KB｜

Script

Aqui está um exemplo de um jogo em JavaScript que atende aos requisitos mencionados:

Neste jogo, você pode usar as setas do teclado para mover o jogador (@) pela grid. A grid consiste em diferentes tipos de células representadas por pictogramas: parede (█), tesouro ($), porta (⌘), saída (X). O objetivo é chegar à saída (9) coletando tesouros e abrindo portas pelo caminho.

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de um jogo em JavaScript que atende aos requisitos mencionados:

```html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Jogo da Grid</title>
    <style>
        .grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-gap: 5px;
        }

.cell {
            width: 50px;
            height: 50px;
            background-color: lightgray;
            text-align: center;
            line-height: 50px;
        }

.player {
            background-color: blue;
            color: white;
        }

.wall {
            background-color: black;
            color: white;
        }

.door {
            background-color: brown;
            color: white;
        }

.exit {
            background-color: green;
            color: white;
        }

.treasure {
            background-color: yellow;
        }
    </style>
</head>

let playerX = 0;
            let playerY = 0;

function renderGrid() {
                const gridContainer = document.querySelector('.grid');
                gridContainer.innerHTML = '';

for (let y = 0; y < grid.length; y++) {
                    for (let x = 0; x < grid[y].length; x++) {
                        const cellValue = grid[y][x];
                        const cell = createCell(cellValue);

if (y === playerY && x === playerX) {
                            cell.classList.add('player');
                        }

gridContainer.appendChild(cell);
                    }
                }
            }

function createCell(value) {
                const cell = document.createElement('div');
                cell.classList.add('cell');

switch (value) {
                    case 1:
                        cell.innerText = '█';
                        cell.classList.add('wall');
                        break;
                    case 2:
                        cell.innerText = '$';
                        cell.classList.add('treasure');
                        break;
                    case 3:
                        cell.innerText = '⌘';
                        cell.classList.add('door');
                        break;
                    case 4:
                        cell.innerText = '©';
                        break;
                    case 5:
                        cell.innerText = '@';
                        break;
                    case 9:
                        cell.innerText = 'X';
                        cell.classList.add('exit');
                        break;
                    default:
                        break;
                }

return cell;
            }

function movePlayer(keyCode) {
                switch (keyCode) {
                    case 37: // seta esquerda
                        if (playerX > 0) playerX--;
                        break;
                    case 38: // seta cima
                        if (playerY > 0) playerY--;
                        break;
                    case 39: // seta direita
                        if (playerX < grid[playerY].length - 1) playerX++;
                        break;
                    case 40: // seta baixo
                        if (playerY < grid.length - 1) playerY++;
                        break;
                    default:
                        break;
                }

if (grid[playerY][playerX] === 2) {
                    // Coletar tesouro
                    grid[playerY][playerX] = 0;
                }

if (grid[playerY][playerX] === 3) {
                    // Abrir porta
                    grid[playerY][playerX] = 0;
                }

if (grid[playerY][playerX] === 9) {
                    // Verificar se chegou na saída
                    gameOver();
                }

renderGrid();
            }

function gameOver() {
                alert('Parabéns! Você chegou na saída!');
                resetGame();
            }

function resetGame() {
                // Reiniciar as posições do jogador e grid
                playerX = 0;
                playerY = 0;

// Reiniciar valores do grid
                grid[3][0] = 2;
                grid[0][2] = 3;
                grid[4][4] = 9;

renderGrid();
            }

renderGrid();

document.addEventListener('keydown', function (event) {
                movePlayer(event.keyCode);
            });
        });
    </script>
</body>

</html>
```