Der erste Sketch

size(400,400);
background(255);
fill(0);
circle(200,200,150);

Bevor der Sketch gestartet wird, sollte er gespeichert werden. Die Programmierumgebung vergibt zwar automatisch einen Namen, der aus dem Datum gebildet wird, aber ein aussagekräftigerer Name ist immer besser. Der Name kann Buchstaben und Ziffern enthalten. Aus Umlaute sollte man aber verzichten. Auch ein Bindestrich ist nicht erlaubt.

Beim Speichern wird dann im Sketchbook - das ist ein Ordner der automatisch angelegt liegt - ein Ordner mit dem gewählten Namen erzeugt (etwa erster_sketch), in dem sich dann eine gleichnamige Datei mit dem Typ .pde (etwa erster_sketch.pde) befindet.

Nach dem Start erscheint ein quadratisches Grafikfenster mit einem schwarzen Kreis im Zentrum. Dies ist die Umsetzung der Programmbefehle in der Quellcodedatei. Jede Zeile enthält einem Programmbefehl. Diese Befehle werden bei der Ausführung des Programms nacheinander ausgeführt. Jede Zeile muss mit einem Strichpunkt beendet werden.

Erklärung:

• size(400,400) : Das Grafikfenster wird auf die Größe 400x400 Bildpunkte festgelegt.

• background(255) : Die Hintergrundfarbe des Fensters wird auf Weiß gesetzt.

• fill(0) : Die Füllfarbe wird auf Schwarz gesetzt. Erklärungen zu Farben folgen noch.

• circle(200,200,150) : Es wird ein Kreis um den Mittelpunkt mit den Koordinaten (200|200) mit dem Durchmesser 150 gezeichnet. Die Koordinaten beziehen sich auf das Fenster als Koordinatensystem, das aber - anders als in der Mathematik - seinen Usprung in der linken oberen Ecke des Fensters hat und von dort nach unten positive y-Koordinaten gezählt werden.