Beispiel Hintergrund und Kreis

Quellcode ohne Kommentar

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(100, 149, 237);
  ellipse(200, 200, 50);
}

Quellcode mit Kommentar

// Die Funktion setup() wird EINMAL aufgerufen, wenn das Programm startet...
function setup() {
  // Du legst fest, was dann passieren soll. Hier soll einfach ein Programmfenster
  // mit 400 x 400 Pixeln erzeugt werden:
  createCanvas(400, 400);
}

// Die Funktion draw() wird JEDES MAL aufgerufen, wenn das Programmfenster neu gezeichnet wir.
// Das passiert normalerweise 30 x pro Sekunde...
function draw() {
  // Hier wird der Hintergrund mit einem matten Blauton gefüllt:
  background(100, 149, 237);
  // Und ein Kreis an die Position 200 x 200 gezeichnet:
  ellipse(200, 200, 50);
}