Beispiel Konfettipinsel

Programm im Editor öffnen

Quellcode ohne Kommentar

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

function draw() {
  
  if (mouseIsPressed) {
    rot = random(255);
    gruen = random(255);
    blau = random(255);

    fill(rot, gruen, blau);

    ellipse(mouseX, mouseY, 10);
  }
  
}

function keyPressed() {
  background(240);
}

Quellcode mit Kommentar

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

function draw() {
  // Wenn die Maustaste gedrückt ist...
  if (mouseIsPressed) {
    // ...erzeuge zufällige Werte zwischen 0 und 255 für rot, gruen und blau
    rot = random(255);
    gruen = random(255);
    blau = random(255);

    // ...setze die Füllfarbe auf die eben ermittelten Zufallswerte
    fill(rot, gruen, blau);
    
    // ...zeichne einen Kreis mit Durchmesser 10 Pixel an die Position des Mauszeigers
    ellipse(mouseX, mouseY, 10);
  }
}

// Wenn irgendeine Taste gedrückt wurde...
function keyPressed() {
  // ...fülle den Bildschirm hellgrau
  background(240);
}