Visual Design mit Processing Übung Visualisierung semantischer Information
Visual Design mit Processing Überblick (I) Was ist Processing? Installation Die Processing-Oberfläche setup() & draw() Einige Built-In-Funktionen Variablen, Schleifen & eigene Funktionen
Visual Design mit Processing Überblick (II) Interaktion Animation Fragen? Links zu Processing...
Visual Design mit Processing Was ist Processing? processing.org Kostenloses Design Tool zur Erstellung von (interaktiven) Bildern und Animationen Programmiersprache auf Java-Basis Entwickelt am MIT (seit 2001) Open Source
Visual Design mit Processing Installation Windows: Processing herunterladen und extrahieren Processing.exe ausführen Mac: *.dmg-Datei herunterladen und in den Applications-Ordner ziehen
Visual Design mit Processing Die Processing Oberfläche Toolbar: Run- & StopButton QuickButtons Tableiste Text Editor Statusleiste Konsole
Visual Design mit Processing setup() & draw() setup()-Funktion stellt Zeichenoberfläche bereit Wird manuell keine Größe spezifiziert, ist das Zeichenfeld 100x100 Pixel groß Inhalt der draw()-Funktion wird kontinuierlich neu gezeichnet
Visual Design mit Processing Einige Built-In-Funktionen (I) size(width, height) background(color) point(x, y) line(x1, y1, x2, y2) stroke(color, opacity) Parameter opacity optional
Visual Design mit Processing Einige Built-In-Funktionen (II) triangle(x1, y1, x2, y2, x3, y3) fill(color, opacity) Parameter opacity optional rect(x, y, width, height) Koordinaten der linken oberen Ecke ellipse(x, y, width, height) Koordinaten des Mittelpunkts
Visual Design mit Processing Variablen, Schleifen & eigene Funktionen gängige Variablen und –deklaration Kontrollstrukturen if for eigene Funktionen frei definierbar blink()
Visual Design mit Processing Interaktion Variablen mouseX, mouseY pmouseX, pmouseY mousePressed() mouseReleased() mouseMoved() mouseDragged()
Visual Design mit Processing Animation Beispiel: Sequential Images loadImage(Dateiname) image(Bild, x, y)
Visual Design mit Processing Links zu Processing... Ausführliche Referenz Tutorials ml ml Beispiele ml ml