Um cubo que tem os controles de direita à esquerda para cima e para baixo. É um jogo sandbox que você tem que criar seus próprios sonhos com os objetos que eles vão ter transportar para outro lugar que você colocou de objetos tem cores diferentes. É o estilo sandbox de simualdor de sonhos 100% só que é 2D e é um simualdor de sonhos, Você pode adicionar objetos convergente aí por você pode adicionar a cor do quadrado ou do cubo para outros lugares diferentes com objetos de formas bem diferentes's game

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

No:13140

138

←

Prev Next

→

Um cubo que tem os controles de direita à esquerda..ALL
Developer User5784｜Date and time 23/8/27 6:03:19
Build time 17.184 sec｜Game capacity 2.742KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo Sandbox dos Sonhos</title>
<style>
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="sandbox" width="600" height="400"></canvas>

// Classe do jogador
class Player {
  constructor(x, y, size, color) {
    this.x = x;
    this.y = y;
    this.size = size;
    this.color = color;
  }
  
  draw() {
    ctx.beginPath();
    ctx.rect(this.x, this.y, this.size, this.size);
    ctx.fillStyle = this.color;
    ctx.fill();
  }
  
  move(direction) {
    switch (direction) {
      case "left":
        if (this.x > 0) {
          this.x -= this.size;
        }
        break;
      case "right":
        if (this.x < width - this.size) {
          this.x += this.size;
        }
        break;
      case "up":
        if (this.y > 0) {
          this.y -= this.size;
        }
        break;
      case "down":
        if (this.y < height - this.size) {
          this.y += this.size;
        }
        break;
    }
  }
}

// Classe dos objetos dos sonhos
class DreamObject {
  constructor(x, y, size, color) {
    this.x = x;
    this.y = y;
    this.size = size;
    this.color = color;
  }
  
  draw() {
    ctx.beginPath();
    ctx.rect(this.x, this.y, this.size, this.size);
    ctx.fillStyle = this.color;
    ctx.fill();
  }
  
  transport() {
    this.x = Math.random() * (width - this.size);
    this.y = Math.random() * (height - this.size);
  }
}

// Função principal de atualização do jogo
function update() {
  ctx.clearRect(0, 0, width, height);
  
  player.draw();
  
  for (var i = 0; i < dreamObjects.length; i++) {
    dreamObjects[i].draw();
  }
  
  requestAnimationFrame(update);
}

// Função de inicialização do jogo
function start() {
  canvas = document.getElementById("sandbox");
  ctx = canvas.getContext("2d");
  width = canvas.width;
  height = canvas.height;
  
  // Criar jogador
  player = new Player(width/2, height/2, 50, "blue");
  
  // Criar objetos dos sonhos
  dreamObjects = [
    new DreamObject(50, 50, 30, "red"),
    new DreamObject(200, 100, 40, "green"),
    new DreamObject(400, 300, 20, "yellow")
  ];
  
  // Adicionar eventos de teclado
  document.addEventListener("keydown", function(event) {
    switch(event.keyCode) {
      case 37: // Setinha para a esquerda
        player.move("left");
        break;
      case 39: // Setinha para a direita
        player.move("right");
        break;
      case 38: // Setinha para cima
        player.move("up");
        break;
      case 40: // Setinha para baixo
        player.move("down");
        break;
    }
  });
  
  update();
}

start();
</script>
</body>
</html>