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

No:13111

175

←

Prev Next

→

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

Script

Jogo de Ecossistema

←

Prev　Next

→ 　

Back　

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

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

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

// Definir cores para pintar
var cores = [
  "#008000", // verde
  "#FF0000", // vermelho
  "#0000FF" // azul
];

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

// Função para criar plantas
function criarPlanta(x, y, tamanho, cor) {
  var planta = {
    x: x,
    y: y,
    tamanho: tamanho,
    cor: cor
  };
  elementos.plantas.push(planta);
}

// Função para criar animais
function criarAnimal(x, y, tamanho, cor) {
  var animal = {
    x: x,
    y: y,
    tamanho: tamanho,
    cor: cor
  };
  elementos.animais.push(animal);
}

// Função para desenhar elementos do ecossistema
function desenharElementos() {
  // Limpar canvas
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // Desenhar sol
  ctx.fillStyle = elementos.sol.cor;
  ctx.beginPath();
  ctx.arc(elementos.sol.x, elementos.sol.y, elementos.sol.tamanho, 0, Math.PI * 2);
  ctx.closePath();
  ctx.fill();
  
  // Desenhar plantas
  for (var i = 0; i < elementos.plantas.length; i++) {
    var planta = elementos.plantas[i];
    ctx.fillStyle = planta.cor;
    ctx.fillRect(planta.x, planta.y, planta.tamanho, planta.tamanho);
  }
  
  // Desenhar animais
  for (var i = 0; i < elementos.animais.length; i++) {
    var animal = elementos.animais[i];
    ctx.fillStyle = animal.cor;
    ctx.beginPath();
    ctx.arc(animal.x, animal.y, animal.tamanho, 0, Math.PI * 2);
    ctx.closePath();
    ctx.fill();
  }
}

// Função para lidar com cliques no canvas
canvas.addEventListener("click", function(event) {
  var rect = canvas.getBoundingClientRect();
  var x = event.clientX - rect.left;
  var y = event.clientY - rect.top;
  
  // Pintar elementos
  var cor = cores[Math.floor(Math.random() * cores.length)];
  if (x < elementos.sol.x - elementos.sol.tamanho || x > elementos.sol.x + elementos.sol.tamanho ||
      y < elementos.sol.y - elementos.sol.tamanho || y > elementos.sol.y + elementos.sol.tamanho) {
    criarPlanta(x, y, 20, cor);
  } else {
    criarAnimal(x, y, 10, cor);
  }
  
  // Atualizar desenho do ecossistema
  desenharElementos();
});

// Iniciar jogo
desenharElementos();
</script>

</body>
</html>