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 para teletrnaportar 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:13092

147

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:40:19
Build time 28.056 sec｜Game capacity 4.905KB｜

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>
    <style>
        #game-screen {
            width: 500px;
            height: 300px;
            background-color: #000;
            position: relative;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: #fff;
            position: absolute;
            left: 0;
            top: 0;
        }

#dream-world {
            width: 100%;
            height: 100%;
            background-color: #ccc;
            display: none;
        }

#dream-portal {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: purple;
            position: absolute;
            left: 0;
            top: 0;
        }

#dream-background {
            width: 100%;
            height: 100%;
        }

#control-panel {
            margin-top: 20px;
        }

button {
            padding: 10px;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="player"></div>
        <div id="dream-world">
            <div id="dream-portal"></div>
            <img id="dream-background" src="dream_background.jpg" alt="Dream Background">
        </div>
    </div>
    <div id="control-panel">
        <button id="move-up">Cima</button>
        <button id="move-down">Baixo</button>
        <button id="move-left">Esquerda</button>
        <button id="move-right">Direita</button>
        <button id="sleep">Dormir</button>
    </div>

var isDreaming = false;

function movePlayer(direction) {
            var leftPos = parseInt(player.style.left);
            var topPos = parseInt(player.style.top);

switch (direction) {
                case "up":
                    if (topPos > 0)
                        player.style.top = (topPos - 10) + "px";
                    break;
                case "down":
                    if (topPos + 50 < gameScreen.offsetHeight)
                        player.style.top = (topPos + 10) + "px";
                    break;
                case "left":
                    if (leftPos > 0)
                        player.style.left = (leftPos - 10) + "px";
                    break;
                case "right":
                    if (leftPos + 50 < gameScreen.offsetWidth)
                        player.style.left = (leftPos + 10) + "px";
                    break;
            }

checkDreamPortalCollision();
        }

function checkDreamPortalCollision() {
            var playerRect = player.getBoundingClientRect();
            var portalRect = dreamPortal.getBoundingClientRect();

if (playerRect.left < portalRect.right &&
                playerRect.right > portalRect.left &&
                playerRect.top < portalRect.bottom &&
                playerRect.bottom > portalRect.top) {
                enterDreamWorld();
            }
        }

function enterDreamWorld() {
            gameScreen.style.display = "none";
            dreamWorld.style.display = "block";
            isDreaming = true;
        }

function leaveDreamWorld() {
            gameScreen.style.display = "block";
            dreamWorld.style.display = "none";
            isDreaming = false;
        }

function sleep() {
            if (isDreaming) {
                leaveDreamWorld();
            } else {
                enterDreamWorld();
            }
        }

function changeDreamBackground() {
            var colors = ["red", "blue", "green", "yellow", "orange"];
            var randomColor = colors[Math.floor(Math.random() * colors.length)];
            dreamBackground.style.backgroundColor = randomColor;
        }

document.getElementById("move-up").addEventListener("click", function () {
            movePlayer("up");
        });

document.getElementById("move-down").addEventListener("click", function () {
            movePlayer("down");
        });

document.getElementById("move-left").addEventListener("click", function () {
            movePlayer("left");
        });

document.getElementById("move-right").addEventListener("click", function () {
            movePlayer("right");
        });

document.getElementById("sleep").addEventListener("click", function () {
            sleep();
            if (isDreaming) {
                changeDreamBackground();
            }
        });
    </script>
</body>
</html>