AI game creator

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

No:24320

←

Prev Next

→

Generative Art
Developer User11436｜Date and time 23/11/7 14:42:24
Build time 79.88 sec｜Game capacity 1.6KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Generative Art</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="generative-art-canvas" width="400" height="400"></canvas>

// Init function
    function init() {
      canvas = document.getElementById("generative-art-canvas");
      ctx = canvas.getContext("2d");

// Start the game loop
      intervalId = setInterval(gameLoop, 10); // Update every 10 milliseconds
    }

// Game loop
    function gameLoop() {
      clearCanvas();
      drawGenerativeArt();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Randomly generate and draw art on the canvas
    function drawGenerativeArt() {
      // Generate random shapes and colors
      for (let i = 0; i < 100; i++) {
        const x = Math.random() * canvas.width;
        const y = Math.random() * canvas.height;
        const size = Math.random() * 50 + 10;
        const color = getRandomColor();

ctx.beginPath();
        ctx.arc(x, y, size, 0, Math.PI * 2);
        ctx.fillStyle = color;
        ctx.fill();
        ctx.closePath();
      }
    }

// Get a random color
    function getRandomColor() {
      const letters = "0123456789ABCDEF";
      let color = "#";
      for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }

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