Erste Schritte mit Processing
(EN google-translate)
(PL google-translate)
Processing setzt auf Java auf. Entsprechend kann neben den besonderen Processing-Befehlen stets Standard-Javaquelltext verwendet werden.
Nach Doppelklick des Processing-Shell-Skriptes (vergl. vorangehendes Kapitel), erscheint die Processing-Entwicklungsumgebung in folgender Form:

Bild 0-1: Processing-Entwicklungsumgebung.
Die Programmstruktur, die mit Processing lauffähig ist, ähnelt ein Wenig der eines Java-Applets, jedoch sieht man zunächst nirgends eine Klassenstruktur. Befehle können einfach ein den Texteditor geschrieben werden.
Das einem Kassettenrekorder ähnliche Bedienfeld, erlaubt es die geschriebenen Skripte ablaufen zu lassen und auch wieder zu stoppen.
Erfolgreich getestete Skripte können in einem s.g. Sketchbook abgelegt und jederzeit wieder aufgerufen werden. Grundsätzlich erzeugt Processing ein Fenster und alles, was im Skript angegeben wird, wird dort dargestellt.
Jedoch gibt es den Befehl print(...), mit dem es möglich ist, in den Konsolenteil im unteren Bereich der Entwicklungsumgebung zu schreiben. Hierbei wird aber trotzdem ein kleines Fenster extra geöffnet:

Bild 0-2: Verwendung des print-Befehls.
Skripte speichern

Bild 0-3: Speichern eines Skripts: Pfeil nach unten Taste, oder File -> Save as..
Referenz
Processing bringt auch direkt eine Funktionsreferenz mit. Diese ist verfügbar unter Help -> Reference und wird dann im Standard-Webbrowser angezeigt.

Bild 0-4: Referenz von Processing zum Nachschlagen der verfügbaren Standardbefehle.
setup() und draw()
Ähnlich wie innerhalb eines Java-Applets die Methoden init() und paint(), gibt es in Processing zwei vordefinierte Funktionen, die zum Initialisieren einer Anwendung und zum Darstellen von Grafik benutzt werden können. In Processing sind das setup() und draw().
Animierter "Fleck"
void setup() { size(600,400); //Fensterbreite und -höhe background(0,0,200); //Fensterhintergrund RGB fill(200,0,0); //Füllfarbe RGB noStroke(); smooth(); //Pixelglättung frameRate(50); //draw wird fünfmal pro Sekunde aufgerufen } void draw() { clear(); background(0,0,200); //Fensterhintergrund RGB ellipse(x+30,y+30,30,20); //x-Pos. y-Pos. Breite Höhe x++; y+=3; x%=550; y%=350; }
Code 0-1: Eine rote Ellipse wandert vor einem blauen Hintergrund schräg durch's Bild.

Bild 0-5: Erzeugtes Fenster.