13.12.2017 - überarbeitet

function setup() { //Grundeinstellungen zum Programmieren

  createCanvas(windowWidth, windowHeight); //Hintergrundgrößen

  background(100); //Hintergrundfarbe

  frameRate(400); //Schnelligkeit der Kreise

​

}

​

function draw() { //Beginn zu "Zeichnen"

  background (200); //Hintergrundfarbe: Hellgrau  im RGB-Modus

  for(y=0; y<height; y+=50) //Bewegung der Kreise und die Koordinaten für die Y-Achse

  {

    for(x=0; x<width; x+=50) // Bewegung der Kreise und die Koordinaten für die X-Achse

    {

      r = random(50) //Wie viele Kreise es sind und wie eng die Kreise nebeneinander agieren

      fill(random(200)); //Im Kreis erstellt sich ein Loop

      ellipse(x, y, r, r); //Art der Form; in diesem Fall Kreis, kann auch durch ein Quadrat etc. ersetzt werden

    }

  }

}