let circles = []; // Array zum Speichern der Kreise

​

function setup() {

  createCanvas(800, 600); // Erstelle ein Canvas von 800x600 Pixeln

  background(220); // Setze den Hintergrund auf hellgrau

  // Erstelle die Kreise mit zufälligen Positionen und Größen

  for (let i = 0; i < numCircles; i++) {

    let newCircle;

    let safeToAdd;

    // Versuche einen Kreis zu erstellen, der sich nicht überschneidet

    do {

      newCircle = {

        x: random(width),

        y: random(height),

        diameter: random(10, 100)

      };

      safeToAdd = true;

      // Überprüfe, ob der neue Kreis mit vorhandenen Kreisen kollidiert

      for (let j = 0; j < circles.length; j++) {

        let otherCircle = circles[j];

        let distance = dist(newCircle.x, newCircle.y, otherCircle.x, otherCircle.y);

        if (distance < (newCircle.diameter / 2 + otherCircle.diameter / 2)) {

          safeToAdd = false;

          break;

        }

      }

    } while (!safeToAdd);

    circles.push(newCircle);

  }

}

​

function draw() {

  background(220); // Erneuert den Hintergrund bei jedem Frame

  fill(0); // Setze die Füllfarbe auf Schwarz

  // Zeichne alle Kreise

  for (let i = 0; i < circles.length; i++) {

    let circle = circles[i];

    ellipse(circle.x, circle.y, circle.diameter, circle.diameter);

  }

}

​