Pixel bots. Each pixel bot has a random function,color's game

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

No:47424

←

Prev Next

→

Pixel bots. Each pixel bot has a random function,c..ALL
Developer User18896｜Date and time 24/2/28 3:06:25
Build time 7.031 sec｜Game capacity 1.383KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Pixel Bots Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

class PixelBot {
        constructor() {
          this.x = Math.random() * canvas.width;
          this.y = Math.random() * canvas.height;
          this.color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
        }

move() {
          this.x += Math.random() * 4 - 2;
          this.y += Math.random() * 4 - 2;
          if (this.x < 0) this.x = canvas.width;
          if (this.y < 0) this.y = canvas.height;
          if (this.x > canvas.width) this.x = 0;
          if (this.y > canvas.height) this.y = 0;
        }

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

const pixelBots = [];
      for (let i = 0; i < 100; i++) {
        pixelBots.push(new PixelBot());
      }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        for (let i = 0; i < pixelBots.length; i++) {
          pixelBots[i].move();
          pixelBots[i].draw();
        }
        requestAnimationFrame(gameLoop);
      }

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