Beispiel Konfettiparty

Programm im Editor öffnen

Quellcode ohne Kommentar

function setup() {
  createCanvas(300, 300);
  background(240);
}

function draw() {
  rot = random(255);
  gruen = random(255);
  blau = random(255);
  
  fill(rot, gruen, blau);
  
  x = random(width);
  y = random(height);
    
  ellipse(x, y, 10);
}

function mousePressed() {
  background(240);
}

Quellcode mit Kommentar

function setup() {
  // Erzeugt Programmfenster mit 300×300 Pixeln
  createCanvas(300, 300);
  // Füllt das Programmfenster in hellgrau
  background(240);
}

function draw() {
  // Erzeugt zufällige Werte zwischen 0 und 255 für rot, gruen und blau
  rot = random(255);
  gruen = random(255);
  blau = random(255);
  
  // Setzt die Füllfarbe auf die eben ermittelten Zufallswerte
  fill(rot, gruen, blau);
  
  // Erzeugt zufällige Werte zwischen 0 und der Breite (width) und Höhe (height) des Programmfensters
  x = random(width);
  y = random(height);
   
  // Zeichnet einen Kreis mit dem Durchmesser 10 an die eben ermittelte, zufällige Position
  ellipse(x, y, 10);
}

// Diese Funktion wird immer dann aufgerufen, wenn die Maustaste gedrückt wurde
function mousePressed() {
  // Sie füllt das Programmfenster in hellgrau, löscht also den Inhalt
  background(240);
}