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

No:13091

180

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:38:46
Build time 22.874 sec｜Game capacity 3.951KB｜

Script

Jogo de Criar Sonhos de Aventura

Use os botões abaixo para mover-se:

Mundo dos Sonhos

Explore o mundo dos sonhos!

←

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>
    <style>
        body {
            background-color: #000;
            color: #fff;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            text-align: center;
        }
        
        #game {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        #dreamWorld {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            display: none;
            z-index: 1;
        }
        
        .portal {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 200px;
            height: 200px;
            background-color: #6a0dad;
            border-radius: 50%;
            display: none;
        }
    </style>
</head>
<body>
    <div id="game">
        <h1>Jogo de Criar Sonhos de Aventura</h1>
        <p>Use os botões abaixo para mover-se:</p>
        <button id="moveUp">⇧</button> <br>
        <button id="moveLeft">⇦</button>
        <button id="moveRight">⇨</button> <br>
        <button id="moveDown">⇩</button>
        <br><br>
        <button id="sleep">Dormir</button>
    </div>

<div id="dreamWorld">
        <h1>Mundo dos Sonhos</h1>
        <p>Explore o mundo dos sonhos!</p>
    </div>

// Funções para mover o jogador
        function moveUp() {
            playerY -= 10;
            updatePlayerPosition();
        }

function moveLeft() {
            playerX -= 10;
            updatePlayerPosition();
        }

function moveRight() {
            playerX += 10;
            updatePlayerPosition();
        }

function moveDown() {
            playerY += 10;
            updatePlayerPosition();
        }

// Função para atualizar a posição do jogador
        function updatePlayerPosition() {
            var player = document.getElementById("game");
            player.style.left = playerX + "px";
            player.style.top = playerY + "px";
        }

// Função para dormir e entrar no mundo dos sonhos
        function sleep() {
            var portal = document.getElementById("purplePortal");
            var dreamWorld = document.getElementById("dreamWorld");

// Teletransportar para outra dimensão (mostrar o portal)
            portal.style.display = "block";
            dreamWorld.style.display = "block";
            
            // Mudar o papel de parede com cores e figuras
            dreamWorld.style.backgroundColor = "blue";
            dreamWorld.innerHTML = "<img src='dream_image.png' width='200' height='200'>";

// Aguardar 3 segundos e voltar para outra dimensão através do portal roxo
            setTimeout(function () {
                portal.style.display = "none";
                dreamWorld.style.display = "none";
                dreamWorld.style.backgroundColor = "#000";
                dreamWorld.innerHTML = "<h1>Mundo dos Sonhos</h1><p>Explore o mundo dos sonhos!</p>";
            }, 3000);
        }

// Adicionar event listeners aos botões
        document.getElementById("moveUp").addEventListener("click", moveUp);
        document.getElementById("moveLeft").addEventListener("click", moveLeft);
        document.getElementById("moveRight").addEventListener("click", moveRight);
        document.getElementById("moveDown").addEventListener("click", moveDown);
        document.getElementById("sleep").addEventListener("click", sleep);
    </script>
</body>
</html>