Jogo de criar sonhos de aventura com botões de movimentar. Com características 2D, explorar, dormir e sonhar. eatilo: sandbox, aventura. Com botoes de controle, botão de dormir e tem um portal roxo para outra dimensão que tem cores e objetos e o portal vai aparecer em todo lugar ( e vai mudar o papel de parede com cor3s, figuras. E tem um portal Roxo que vai ter depois a gente voltar para outra dimensão que o portal roxo e ♾ os portais roxos que vai transportar para o mundo dos sonhos.'s game

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

No:13093

151

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:41:54
Build time 25.301 sec｜Game capacity 3.891KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
<script>
    // Configurações do jogo
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    var WIDTH = window.innerWidth;
    var HEIGHT = window.innerHeight;
    canvas.width = WIDTH;
    canvas.height = HEIGHT;
    document.body.appendChild(canvas);

var jogador = {
        x: WIDTH / 2,
        y: HEIGHT / 2,
        velocidade: 5
    };

// Função para desenhar o jogador na tela
    function desenharJogador() {
        ctx.fillStyle = "black";
        ctx.fillRect(jogador.x, jogador.y, 30, 30);
    }

// Função para atualizar a posição do jogador com base nos botões de movimento
    function atualizarPosicaoJogador() {
        if (teclasPressionadas.ArrowUp && jogador.y > 0) {
            jogador.y -= jogador.velocidade;
        }
        if (teclasPressionadas.ArrowDown && jogador.y < HEIGHT - 30) {
            jogador.y += jogador.velocidade;
        }
        if (teclasPressionadas.ArrowLeft && jogador.x > 0) {
            jogador.x -= jogador.velocidade;
        }
        if (teclasPressionadas.ArrowRight && jogador.x < WIDTH - 30) {
            jogador.x += jogador.velocidade;
        }
    }

// Função para desenhar os botões de controle
    function desenharBotoes() {
        var tamanhoBotao = 70;
        var espacamento = 20;
        var posX = WIDTH - (tamanhoBotao + espacamento);
        var posY = HEIGHT - (tamanhoBotao * 2 + espacamento * 2);
        var corBotao = "gray";

// Botão para mover para cima
        ctx.fillStyle = corBotao;
        ctx.fillRect(posX, posY, tamanhoBotao, tamanhoBotao);
        ctx.font = tamanhoBotao / 2 + "px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("↑", posX + tamanhoBotao / 3, posY + tamanhoBotao / 1.5);

// Botão para mover para baixo
        posY += tamanhoBotao + espacamento;
        ctx.fillStyle = corBotao;
        ctx.fillRect(posX, posY, tamanhoBotao, tamanhoBotao);
        ctx.font = tamanhoBotao / 2 + "px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("↓", posX + tamanhoBotao / 3, posY + tamanhoBotao / 1.5);

// Botão para mover para esquerda
        posY += tamanhoBotao + espacamento;
        ctx.fillStyle = corBotao;
        ctx.fillRect(posX, posY, tamanhoBotao, tamanhoBotao);
        ctx.font = tamanhoBotao / 2 + "px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("←", posX + tamanhoBotao / 3, posY + tamanhoBotao / 1.5);

// Botão para mover para direita
        posY += tamanhoBotao + espacamento;
        ctx.fillStyle = corBotao;
        ctx.fillRect(posX, posY, tamanhoBotao, tamanhoBotao);
        ctx.font = tamanhoBotao / 2 + "px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("→", posX + tamanhoBotao / 3, posY + tamanhoBotao / 1.5);

}

// Objeto para armazenar as teclas pressionadas
    var teclasPressionadas = {};

// Função para lidar com eventos de teclado
    function lidarComTeclas() {
        document.addEventListener("keydown", function(event) {
            teclasPressionadas[event.key] = true;
        });

document.addEventListener("keyup", function(event) {
            delete teclasPressionadas[event.key];
        });
    }

// Função para limpar o canvas
    function limparCanvas() {
        ctx.clearRect(0, 0, WIDTH, HEIGHT);
    }

// Função principal do jogo
    function jogoPrincipal() {
        limparCanvas();
        atualizarPosicaoJogador();
        desenharJogador();
        desenharBotoes();
        requestAnimationFrame(jogoPrincipal);
    }

// Iniciar o jogo
    lidarComTeclas();
    jogoPrincipal();

</script>
</body>
</html>