Willkommen auf unserem Seminar-Blog

Immer auf dem aktuellen Stand bleiben

Dieser Seminar-Blog befindet sich noch im Aufbau und wird in den kommenden Tagen entsprechend verfeinert.

Member Login

Lost your password?

Registration is closed

Sorry, you are not allowed to register by yourself on this site!

You must either be invited by one of our team member or request an invitation by email at viad.info {at} zhdk {dot} ch.

Graphic Design Basic – Processing

3. Januar 2014

Download Processing Projects: Processing_Permutation_Projects   Endaufgabe Teil 1 Ich entwickelte zwei Projekte, die die Umsetzung meiner Endaufgabe darstellt. Das Erste basiert stark auf meinen zuvor in Illustrator entwickelten Permutation. Alle Zeichen die verwendet werden sind direkt als SVG von Illustrator exportiert und werden in Processing geladen. Folgende Möglichkeiten bestehen: - Wechseln von verschiedenen Zeichen in der Permutation. - Vergrösser und Verkleinern des Zeichens. - Bestimmen der Anzahl der Transformationsschritte. - Freies Verändern der Hintergrundfarbe - Auswählen von verschiedenen Mouse-Over Effekten - Anziehen und abstossen der Zeichen mittels Mouse-Click Die genaue belegung der Tasten sind im Source-Code ersichtlich. Demonstrations-Video: https://www.dropbox.com/s/hqqtpjpt5r57rpn/Processing_Docu_Clip.mov Bildschirmfoto 2014-01-02 um 20.10.46 Bildschirmfoto 2014-01-02 um 20.10.00 Bildschirmfoto 2014-01-02 um 20.08.53 Bildschirmfoto 2014-01-02 um 20.11.10 Endaufgabe Teil 2 Beim zweiten Projekt versuchte ich mehr zu experimentieren und neue Sache auszuprobieren. Ich entfernte mich von den ursprünglichen Zeichen und arbeitete mit einfachen Linien oder Grundformen. Folgende Möglichkeiten bestehen: - Wechseln von verschiedenen Zeichen in der Permutation. - Vergrösser und Verkleinern des Zeichens. - Auswählen von verschiedenen Mouse-Over Effekten - Wechseln von bestimmten Mengen der Zeichen Die genaue belegung der Tasten sind im Source-Code ersichtlich. Demonstrations-Video (ab 54 Sekunden): https://www.dropbox.com/s/hqqtpjpt5r57rpn/Processing_Docu_Clip.mov Bildschirmfoto 2014-01-02 um 20.24.17 Bildschirmfoto 2014-01-02 um 20.23.52 Bildschirmfoto 2014-01-02 um 20.23.17 Bildschirmfoto 2014-01-02 um 20.22.33