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

No:13085

121

←

Prev Next

→

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

Script

Jogo de Sonhos de Aventura

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Sonhos de Aventura</title>
</head>
<body>
    <h1>Jogo de Sonhos de Aventura</h1>
    <canvas id="gameCanvas" width="800" height="600" style="border: 1px solid #000000;"></canvas>
    <script>
        // Variáveis para controlar a posição do personagem
        var x = 400;
        var y = 300;
        var step = 5;

// Variável para verificar se o jogo está rodando
        var isRunning = false;

// Inicializar o canvas
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Carregar as imagens
        var characterImg = new Image();
        characterImg.src = "character.png";

var dreamWorldImg = new Image();
        dreamWorldImg.src = "dream_world.png";

var portalImg = new Image();
        portalImg.src = "portal.png";

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

// Desenhar o personagem
            ctx.drawImage(characterImg, x, y);

// Verificar se o personagem está no mundo dos sonhos
            if(isRunning) {
                // Desenhar o mundo dos sonhos
                ctx.drawImage(dreamWorldImg, 0, 0);

// Desenhar o portal
                ctx.drawImage(portalImg, x, y);
            }

// Chamar a função novamente
            requestAnimationFrame(drawGame);
        }

// Função para mover o personagem
        function moveCharacter(direction) {
            switch(direction) {
                case "right":
                    x += step;
                    break;
                case "down":
                    y += step;
                    break;
                case "left":
                    x -= step;
                    break;
                case "up":
                    y -= step;
                    break;
            }
        }

// Função para dormir e entrar no mundo dos sonhos
        function sleep() {
            isRunning = true;
        }

// Adicionar os listeners para as teclas
        document.addEventListener("keydown", function(event) {
            if(isRunning) {
                return; // Ignorar as teclas se estiver no mundo dos sonhos
            }

switch(event.key) {
                case "ArrowRight":
                    moveCharacter("right");
                    break;
                case "ArrowDown":
                    moveCharacter("down");
                    break;
                case "ArrowLeft":
                    moveCharacter("left");
                    break;
                case "ArrowUp":
                    moveCharacter("up");
                    break;
            }
        });

// Iniciar o jogo
        drawGame();
    </script>
</body>
</html>