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

No:13112

139

←

Prev Next

→

é um jogo envolvente em que os jogadores têm a opo..ALL
Developer User5784｜Date and time 23/8/27 0:34:47
Build time 16.787 sec｜Game capacity 2.247KB｜

Script

Jogo de Ecossistemas

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo de Ecossistemas</title>
  </head>
  <body>
    <h1>Jogo de Ecossistemas</h1>

var canvasWidth = 600;
      var canvasHeight = 400;
      var objects = [];

// Classe de objeto no ecossistema
      class Object {
        constructor(x, y, color) {
          this.x = x;
          this.y = y;
          this.color = color;
        }

draw() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, 50, 50);
        }

move() {
          this.x += Math.floor(Math.random() * 11) - 5;
          this.y += Math.floor(Math.random() * 11) - 5;
        }
      }

// Inicializa o jogo
      function startGame() {
        canvas = document.createElement("canvas");
        canvas.width = canvasWidth;
        canvas.height = canvasHeight;
        ctx = canvas.getContext("2d");
        brushButton = document.createElement("button");
        brushButton.innerHTML = "Pincel";

document.body.appendChild(canvas);
        document.body.appendChild(brushButton);

brushButton.addEventListener("click", useBrush);

setInterval(updateGameArea, 20); // Atualiza a cada 20ms
      }

// Função chamada quando o botão de pincel é clicado
      function useBrush() {
        var x = Math.floor(Math.random() * canvasWidth);
        var y = Math.floor(Math.random() * canvasHeight);
        var color = getRandomColor();

var newObject = new Object(x, y, color);
        objects.push(newObject);
      }

// Atualiza o jogo a cada intervalo de tempo
      function updateGameArea() {
        ctx.clearRect(0, 0, canvasWidth, canvasHeight);

for (var i = 0; i < objects.length; i++) {
          objects[i].move();
          objects[i].draw();
        }
      }

// Gera uma cor aleatória
      function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }

// Inicia o jogo
      startGame();
    </script>
  </body>
</html>