Jogo de criar sonhos de aventura com botões de movimentar. Com características 2D, explorar, dormir e sonhar, sandbox. Características do jogo: controle de movimentação, portal roxo quando você dorme, create dreams ou sonhos. Existe o controle de movimentos são para cima para baixo direita e esquerda's game

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

No:13095

137

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:45:28
Build time 21.184 sec｜Game capacity 3.505KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Criar Sonhos de Aventura</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Função para desenhar o jogo
        function drawGame() {
            // Limpar o canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar o jogador
            ctx.fillStyle = playerColor;
            ctx.fillRect(playerX * boxSize, playerY * boxSize, boxSize, boxSize);

// Desenhar os sonhos
            ctx.fillStyle = dreamColor;
            dreams.forEach(dream => {
                ctx.fillRect(dream.x * boxSize, dream.y * boxSize, boxSize, boxSize);
            });
        }

// Função para criar novos sonhos
        function createDream() {
            const dreamX = Math.floor(Math.random() * gridSize);
            const dreamY = Math.floor(Math.random() * gridSize);
            dreams.push({ x: dreamX, y: dreamY });
        }

// Função para mover o jogador
        function movePlayer(direction) {
            if (direction === "up" && playerY > 0) {
                playerY--;
            } else if (direction === "down" && playerY < gridSize - 1) {
                playerY++;
            } else if (direction === "left" && playerX > 0) {
                playerX--;
            } else if (direction === "right" && playerX < gridSize - 1) {
                playerX++;
            }

// Verificar se o jogador encontrou um sonho
            dreams.forEach((dream, index) => {
                if (dream.x === playerX && dream.y === playerY) {
                    dreams.splice(index, 1); // Remover o sonho encontrado
                    createDream(); // Criar um novo sonho
                }
            });

// Verificar se o jogador chegou ao portal roxo
            if (playerX === 9 && playerY === 9) {
                alert("Você entrou no portal roxo e está sonhando!");
            }

drawGame();
        }

// Função para iniciar o jogo
        function startGame() {
            createDream(); // Criar o primeiro sonho
            drawGame();
        }

// Event listeners para movimentação do jogador usando botões
        document.getElementById("buttonUp").addEventListener("click", function() {
            movePlayer("up");
        });
        document.getElementById("buttonDown").addEventListener("click", function() {
            movePlayer("down");
        });
        document.getElementById("buttonLeft").addEventListener("click", function() {
            movePlayer("left");
        });
        document.getElementById("buttonRight").addEventListener("click", function() {
            movePlayer("right");
        });

// Iniciar o jogo quando o documento é carregado
        startGame();
    </script>

<div>
        <button id="buttonUp">Cima</button>
        <button id="buttonDown">Baixo</button>
        <button id="buttonLeft">Esquerda</button>
        <button id="buttonRight">Direita</button>
    </div>
</body>
</html>