"Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts." (siehe processing.org).

Processing ist keine eigene Programmiersprache, sondern eine Klassenbibliothek, die es in verschiedenen Varianten für unterschiedlichen Programmiersprachen gibt. Ein großer Teil der Processing-Bibliothek ist auch in unserer Online-Entwicklungsumgebung enthalten und in einer einzigen Klasse gebündelt: PApplet.

Wenn Du eine eigene Unterklasse von PApplet ableitest, kannst Du die Methoden

• setup (wird zu Beginn ausgeführt),
• draw (wird 60-mal je Sekunde ausgeführt),
• mousePressed (wird ausgeführt, wenn eine Maustaste gedrückt wurde),
• mouseReleased (wird ausgeführt, wenn eine Maustaste losgelassen wurde),
• mouseMoved (wird immer dann ausgeführt, wenn sich die Position des Mauszeigers geändert hat),
• mouseEntered (wird ausgeführt, wenn der Mauszeiger in den Grafikbereich hineinfährt),
• mouseExited (wird ausgeführt, wenn der Mauszeiger den Grafikbereich verlässt),
• keyPressed (wird ausgeführt, wenn eine Taste heruntergedrückt wurde),
• keyReleased (wird ausgeführt, wenn eine Taste losgelassen wurde)

überschreiben und mit Deinem Programmcode füllen. Innerhalb dieser Methoden kannst Du auf eine große Anzahl mächtiger Methoden von Processing zugreifen, die es Dir einfach machen, mit wenig Programmcode schöne interaktive Grafiken und Animationen zu erstellen. Ich zeige Dir am folgenden an einfachen Beispielen, wie das geht. Alle Details von Processing kann ich Dir aber hier nicht erklären, es gibt auch viel bessere Quellen dafür

• Die Beispielseite von p5.js, der Processing-Bibliothek für Javascript, die ich in die Online-Entwicklungsumgebung hier integriert habe.
• Die Referenzseite von p5.js, auf der jede einzelne Processing-Anweisung an vielen Beispielen erklärt wird, die sich direkt auf dieser Seite ausführen lassen. Nutze v.a. im oberen Bereich der Seite das sehr gut implementierte Suchfeld!
• Erklärung der Transformationen: Früher oder später wirst Du Kombinationen der Transformationen translate, scale und rotate anwenden wollen. Diese Quelle erklärt anhand schöner Grafiken, wie sie zusammenwirken.