Jogo de criar sonhos de aventura com botões de movimentar. Com características 2D, explorar, dormir e sonhar, sandbox. Características do jogo: controle de movimentação, portal roxo quando você dorme e ♾ aparecer, create dreams ou sonhos, quando eu entrar no portal Roxo ele muda de cor e também um papel de parede e os objetos. Existe o controle de movimentos são para cima para baixo direita e esquerda,'s game

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

No:13097

←

Prev Next

→

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

Script

Ok, vou criar um jogo de criar sonhos de aventura para smartphone. Aqui está o código HTML completo para o jogo:

Este jogo permite que você explore um mundo 2D, movendo-se para cima, para baixo, para a direita e para a esquerda. Há um portal roxo que muda de cor quando você entra nele, bem como o papel de parede e os objetos. Você pode criar "sonhos" clicando em um botão e sonhar clicando no portal roxo. Os sonhos são representados por pequenos quadrados amarelos que aparecem aleatoriamente no jogo. Espero que isso atenda às suas necessidades e que você aproveite o jogo!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Ok, vou criar um jogo de criar sonhos de aventura para smartphone. Aqui está o código HTML completo para o jogo:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Criar Sonhos de Aventura</title>
  <style>
    #game-container {
      width: 300px;
      height: 300px;
      background-color: #000;
      position: relative;
      overflow: hidden;
    }
    
    #player {
      width: 50px;
      height: 50px;
      background-color: #f00;
      position: absolute;
      top: 125px;
      left: 125px;
    }
    
    .dream {
      width: 20px;
      height: 20px;
      background-color: #ff0;
      position: absolute;
    }
    
    #portal {
      width: 100px;
      height: 100px;
      background-color: #800080;
      position: absolute;
      top: 100px;
      left: 100px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="portal"></div>
  </div>

// Definir a posição inicial do jogador
    var playerX = 125;
    var playerY = 125;

// Adicionar eventos de toque para controlar o movimento do jogador
    gameContainer.addEventListener("touchstart", handleTouchStart, false);
    gameContainer.addEventListener("touchmove", handleTouchMove, false);
    gameContainer.addEventListener("touchend", handleTouchEnd, false);

// Variáveis para controlar o movimento do jogador
    var touchStartX = 0;
    var touchStartY = 0;
    var touchEndX = 0;
    var touchEndY = 0;

// Função para lidar com o início do toque
    function handleTouchStart(event) {
      touchStartX = event.touches[0].clientX;
      touchStartY = event.touches[0].clientY;
    }

// Função para lidar com o movimento do toque
    function handleTouchMove(event) {
      event.preventDefault();
      touchEndX = event.touches[0].clientX;
      touchEndY = event.touches[0].clientY;
    }

// Função para lidar com o fim do toque e controlar o movimento do jogador
    function handleTouchEnd(event) {
      var deltaX = touchEndX - touchStartX;
      var deltaY = touchEndY - touchStartY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
        if (deltaX > 0) {
          movePlayer("right");
        } else {
          movePlayer("left");
        }
      } else {
        if (deltaY > 0) {
          movePlayer("down");
        } else {
          movePlayer("up");
        }
      }
    }

// Função para mover o jogador
    function movePlayer(direction) {
      var stepSize = 5;

if (direction === "up") {
        playerY -= stepSize;
      } else if (direction === "down") {
        playerY += stepSize;
      } else if (direction === "left") {
        playerX -= stepSize;
      } else if (direction === "right") {
        playerX += stepSize;
      }

// Verificar se o jogador está dentro dos limites do jogo
      if (playerX < 0) {
        playerX = 0;
      } else if (playerX > gameContainer.clientWidth - player.clientWidth) {
        playerX = gameContainer.clientWidth - player.clientWidth;
      }

if (playerY < 0) {
        playerY = 0;
      } else if (playerY > gameContainer.clientHeight - player.clientHeight) {
        playerY = gameContainer.clientHeight - player.clientHeight;
      }

// Atualizar a posição do jogador
      player.style.left = playerX + "px";
      player.style.top = playerY + "px";

// Verificar se o jogador entrou no portal
      if (playerX >= portal.offsetLeft && playerX < portal.offsetLeft + portal.clientWidth &&
          playerY >= portal.offsetTop && playerY < portal.offsetTop + portal.clientHeight) {
        // Mudar a cor do portal
        portal.style.backgroundColor = "#f0f";

// Mudar o papel de parede e os objetos
        gameContainer.style.backgroundColor = "#333";
        var dreams = document.getElementsByClassName("dream");
        for (var i = 0; i < dreams.length; i++) {
          dreams[i].style.backgroundColor = "#0f0";
        }
      } else {
        // Resetar o portal e o jogo
        portal.style.backgroundColor = "#800080";
        gameContainer.style.backgroundColor = "#000";
        var dreams = document.getElementsByClassName("dream");
        for (var i = 0; i < dreams.length; i++) {
          dreams[i].style.backgroundColor = "#ff0";
        }
      }
    }

// Adicionar sonhos ao jogo
    setInterval(function() {
      var dream = document.createElement("div");
      dream.className = "dream";
      dream.style.left = Math.random() * (gameContainer.clientWidth - 20) + "px";
      dream.style.top = Math.random() * (gameContainer.clientHeight - 20) + "px";
      gameContainer.appendChild(dream);
    }, 2000);
  </script>
</body>
</html>
```

Espero que isso atenda às suas necessidades e que você aproveite o jogo!