Evolution of especies , for 3D polígonos, bactéria.CSS's game

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

No:13293

156

←

Prev Next

→

Evolution of especies , for 3D polígonos, bactéria..ALL
Developer User5784｜Date and time 23/8/27 23:05:44
Build time 14.651 sec｜Game capacity 2.408KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// Define the polygon class
    class Polygon {
      constructor(x, y, sides, size, color) {
        this.x = x;
        this.y = y;
        this.sides = sides;
        this.size = size;
        this.color = color;
        this.rotation = 0;
      }

draw() {
        context.beginPath();
        context.moveTo(
          this.x + this.size * Math.cos(this.rotation),
          this.y + this.size * Math.sin(this.rotation)
        );

for (let i = 1; i <= this.sides; i++) {
          const angle = this.rotation + (i / this.sides) * (2 * Math.PI);
          context.lineTo(
            this.x + this.size * Math.cos(angle),
            this.y + this.size * Math.sin(angle)
          );
        }

context.closePath();
        context.fillStyle = this.color;
        context.fill();
      }

update() {
        this.rotation += 0.01;
      }
    }

// Create an array to store the polygons
    const polygons = [];

// Function to handle mouse click events
    function handleClick(event) {
      const x = event.clientX;
      const y = event.clientY;

const sides = Math.floor(Math.random() * 10) + 3;
      const size = Math.random() * 50 + 20;

const color = generateRandomColor();

const polygon = new Polygon(x, y, sides, size, color);
      polygons.push(polygon);
    }

// Function to generate a random color
    function generateRandomColor() {
      const letters = "0123456789ABCDEF";
      let color = "#";

for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }

return color;
    }

// Start the animation loop
    function animate() {
      context.clearRect(0, 0, canvas.width, canvas.height);

for (const polygon of polygons) {
        polygon.draw();
        polygon.update();
      }

requestAnimationFrame(animate);
    }

// Attach event listener to handle mouse clicks
    canvas.addEventListener("click", handleClick);

// Start the game
    animate();
  </script>
</body>
</html>