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 ➡️, ⬇️, ⬅️, ↕️. E tem um portal Roxo que vai ter depois a gente voltar para outro mundo só que é bem diferente com cores objetos e outras coisas que você pode colocar à vontade's game

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

No:13083

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:22:50
Build time 11.998 sec｜Game capacity 1.795KB｜

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-container {
      width: 500px;
      height: 500px;
      border: 1px solid black;
      position: relative;
    }
    .player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div class="player"></div>
  </div>
  <script>
    // Declaração das variáveis
    var player = document.querySelector(".player");
    var container = document.getElementById("game-container");
    var xPos = 50;
    var yPos = 50;
    
    // Função para mover o jogador
    function movePlayer(x, y) {
      xPos += x;
      yPos += y;
      player.style.left = xPos + "px";
      player.style.top = yPos + "px";
    }
    
    // Event listener para os botões de movimento
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 37) { // Esquerda
        movePlayer(-10, 0);
      } else if (event.keyCode === 38) { // Cima
        movePlayer(0, -10);
      } else if (event.keyCode === 39) { // Direita
        movePlayer(10, 0);
      } else if (event.keyCode === 40) { // Baixo
        movePlayer(0, 10);
      }
    });

// Event listener para o botão de explorar
    document.addEventListener("mousedown", function(event) {
      var x = event.clientX - container.offsetLeft;
      var y = event.clientY - container.offsetTop;
      alert("Explorando em: (" + x + ", " + y + ")");
    });

// Event listener para o botão de dormir
    document.addEventListener("dblclick", function() {
      alert("Você foi dormir e agora está sonhando!");
    });
  </script>
</body>
</html>