Jogo de criar sonhos de aventura com botões de movimentar. Com características 2D, explorar, dormir e sonhar. eatilo: sandbox, aventura. Com botoes's game

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

No:13082

←

Prev Next

→

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

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>
        body {
            margin: 0;
            padding: 0;
        }
        
        #game-canvas {
            width: 100%;
            height: 100vh;
            background-color: #f3f3f3;
        }
        
        #move-left {
            position: absolute;
            bottom: 20px;
            left: 20px;
            width: 50px;
            height: 50px;
            background-color: green;
            color: white;
        }
        
        #move-right {
            position: absolute;
            bottom: 20px;
            left: 80px;
            width: 50px;
            height: 50px;
            background-color: green;
            color: white;
        }
        
        #sleep {
            position: absolute;
            bottom: 20px;
            right: 80px;
            width: 50px;
            height: 50px;
            background-color: blue;
            color: white;
        }
        
        #dream {
            position: absolute;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background-color: blue;
            color: white;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas"></canvas>

// Player object
        const player = {
            x: 100,
            y: canvas.height - 150,
            width: 30,
            height: 50,
            color: 'red',
        };

// Event listener for left button
        document.getElementById('move-left').addEventListener('click', function() {
            player.x -= 10;
        });

// Event listener for right button
        document.getElementById('move-right').addEventListener('click', function() {
            player.x += 10;
        });

// Event listener for sleep button
        document.getElementById('sleep').addEventListener('click', function() {
            console.log('Zzzzzzzz...');
        });

// Event listener for dream button
        document.getElementById('dream').addEventListener('click', function() {
            console.log('Sweet dreams!');
        });

// Function to draw the player
        function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Function to render the game
        function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            requestAnimationFrame(render);
        }

// Start the game
        render();
    </script>
    
    <div id="move-left">←</div>
    <div id="move-right">→</div>
    <div id="sleep">😴</div>
    <div id="dream">🌞</div>
</body>
</html>