Um simulador de biosphere 100% criada por você e também criar os animais 100% criada por você's game

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

No:13152

←

Prev Next

→

Um simulador de biosphere 100% criada por você e t..ALL
Developer User5784｜Date and time 23/8/27 6:26:49
Build time 13.154 sec｜Game capacity 2.306KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Simulador de Biosfera</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

#canvas {
      background-color: #e6f2ff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// Configurações iniciais
    const bgColor = '#e6f2ff';
    const animalColor = '#ff1493';
    const animalSize = 40;
    const animalSpeed = 5;

// Classe Animal
    class Animal {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.dx = (Math.random() - 0.5) * animalSpeed;
        this.dy = (Math.random() - 0.5) * animalSpeed;
      }

move() {
        this.x += this.dx;
        this.y += this.dy;

if (this.x < 0 || this.x + animalSize > screenWidth) {
          this.dx *= -1;
        }

if (this.y < 0 || this.y + animalSize > screenHeight) {
          this.dy *= -1;
        }
      }

draw(context) {
        context.fillStyle = animalColor;
        context.fillRect(this.x, this.y, animalSize, animalSize);
      }
    }

// Inicialização do jogo
    function startGame() {
      const canvas = document.getElementById('canvas');
      const context = canvas.getContext('2d');

canvas.width = screenWidth;
      canvas.height = screenHeight;

const animals = [];

// Criando 5 animais
      for (let i = 0; i < 5; i++) {
        const x = Math.random() * (screenWidth - animalSize);
        const y = Math.random() * (screenHeight - animalSize);

animals.push(new Animal(x, y));
      }

function gameLoop() {
        context.fillStyle = bgColor;
        context.fillRect(0, 0, screenWidth, screenHeight);

animals.forEach(animal => {
          animal.move();
          animal.draw(context);
        });

requestAnimationFrame(gameLoop); // Loop do jogo
      }

gameLoop();
    }

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