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, explorar dreams e é completamente infinito onde que você anda Pablo a nova suportais botas vai aparecer ♾ quando você anda,o 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:13098

102

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
  <style>
    body {
      background-color: #000000;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      display: block;
    }
  </style>
   <script>
      // Definindo o tamanho do canvas
      const canvasWidth = window.innerWidth;
      const canvasHeight = window.innerHeight;

// Criando o objeto do jogador
      const jogador = {
        x: canvasWidth / 2,
        y: canvasHeight / 2,
        width: 50,
        height: 50,
        color: "#FF0000"
      };

// Inicializando a posição dos portais
      let portalX = Math.random() * canvasWidth;
      let portalY = Math.random() * canvasHeight;

// Adicionando os eventos de movimento
      document.addEventListener("keydown", moverJogador);

function moverJogador(event) {
        const key = event.key;

switch (key) {
          case "ArrowUp":
            jogador.y -= 10;
            break;
          case "ArrowDown":
            jogador.y += 10;
            break;
          case "ArrowLeft":
            jogador.x -= 10;
            break;
          case "ArrowRight":
            jogador.x += 10;
            break;
        }

if (jogador.x < 0) jogador.x = 0;
        if (jogador.x + jogador.width > canvasWidth)
          jogador.x = canvasWidth - jogador.width;
        if (jogador.y < 0) jogador.y = 0;
        if (jogador.y + jogador.height > canvasHeight)
          jogador.y = canvasHeight - jogador.height;

if (colisaoPortal()) {
          jogador.color = getRandomColor();
          portalX = Math.random() * canvasWidth;
          portalY = Math.random() * canvasHeight;
        }

draw();
      }

function colisaoPortal() {
        return (
          jogador.x < portalX + jogador.width &&
          jogador.x + jogador.width > portalX &&
          jogador.y < portalY + jogador.height &&
          jogador.y + jogador.height > portalY
        );
      }

function getRandomColor() {
        const letters = "0123456789ABCDEF";
        let color = "#";
        for (let i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }

// Configurando o canvas
      const canvas = document.createElement("canvas");
      canvas.width = canvasWidth;
      canvas.height = canvasHeight;
      document.body.appendChild(canvas);

const context = canvas.getContext("2d");

function draw() {
        context.clearRect(0, 0, canvasWidth, canvasHeight);

// Desenhando jogador
        context.fillStyle = jogador.color;
        context.fillRect(jogador.x, jogador.y, jogador.width, jogador.height);

// Desenhando portal
        context.fillStyle = "#800080";
        context.fillRect(portalX, portalY, jogador.width, jogador.height);

requestAnimationFrame(draw);
      }

draw();
    </script>
</head>
<body>
</body>
</html>