Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Visual Design mit Processing Übung Visualisierung semantischer Information.

Ähnliche Präsentationen


Präsentation zum Thema: "Visual Design mit Processing Übung Visualisierung semantischer Information."—  Präsentation transkript:

1 Visual Design mit Processing Übung Visualisierung semantischer Information

2 Visual Design mit Processing2 29.10.08 Überblick (I) Was ist Processing? Installation Die Processing-Oberfläche setup() & draw() Einige Built-In-Funktionen Variablen, Schleifen & eigene Funktionen

3 Visual Design mit Processing3 29.10.08 Überblick (II) Interaktion Animation Fragen? Links zu Processing...

4 Visual Design mit Processing4 29.10.08 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

5 Visual Design mit Processing5 29.10.08 Installation Windows: Processing herunterladen und extrahieren Processing.exe ausführen Mac: *.dmg-Datei herunterladen und in den Applications-Ordner ziehen

6 Visual Design mit Processing6 29.10.08 Die Processing Oberfläche Toolbar: Run- & StopButton QuickButtons Tableiste Text Editor Statusleiste Konsole

7 Visual Design mit Processing7 29.10.08 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

8 Visual Design mit Processing8 29.10.08 Einige Built-In-Funktionen (I) size(width, height) background(color) point(x, y) line(x1, y1, x2, y2) stroke(color, opacity) Parameter opacity optional

9 Visual Design mit Processing9 29.10.08 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

10 Visual Design mit Processing10 29.10.08 Variablen, Schleifen & eigene Funktionen gängige Variablen und –deklaration Kontrollstrukturen if for eigene Funktionen frei definierbar blink()

11 Visual Design mit Processing11 29.10.08 Interaktion Variablen mouseX, mouseY pmouseX, pmouseY mousePressed() mouseReleased() mouseMoved() mouseDragged()

12 Visual Design mit Processing12 29.10.08 Animation Beispiel: Sequential Images loadImage(Dateiname) image(Bild, x, y)

13 Visual Design mit Processing13 29.10.08 Links zu Processing... Ausführliche Referenz http://processing.org/reference/ Tutorials http://processing.org/learning/tutorials/index.ht ml http://processing.org/learning/tutorials/index.ht ml Beispiele http://processing.org/learning/basics/index.ht ml http://processing.org/learning/basics/index.ht ml


Herunterladen ppt "Visual Design mit Processing Übung Visualisierung semantischer Information."

Ähnliche Präsentationen


Google-Anzeigen