Animation with vvvv.js

September 28, 2014 David Mayerhuber

Animation with vvvv.js

Bei diesem Projekt handelt es sich um eine kleine steuerbare Animation, welche mittels vvvv.js (einer auf Javascript basierenden Variante der Programmiersprache vvvv) erstellt wurde. Die Animation ist auf einer Website eingebettet und kann durch diverse HTML-Eingabefeldern verändert werden. Dieses Projekt wurde im Zuge der Lehrveranstaltung Modulare Medienprogrammierung als Semesterarbeit erstellt. Die Website ist unter folgendem Link erreichbar: dm131519.students.fhstp.ac.at/MOMP/

Die Animation basiert auf einzelnen Halbkreisen welche sich um ein Zentrum drehen. Folgende Werte können vom Besucher der Website eingestellt werden:

  • Die Hintergrundfarbe und -transparenz des Renderfensters
  • Die Füllfarbe und deren Transparenz der einzelnen Halbkreise
  • Die Konturfarbe und deren Transparenz der einzelnen Halbkreise
  • Die Anzahl der Halbkreise
  • Die Rotationsgeschwindigkeit der Animation
  • Die Position des Zentrums der Animation im Renderfenster

Durch Klick auf das Renderfenster kann eine zweite gleichartige Animation im Renderfenster ein- bzw. ausgeblendet werden. Die Steuerelemente für das zweite Element werden dadurch ebenfalls ein- bzw. ausgeblendet.

Eine Produktion der Fachhochschule St.Pölten
Lehrveranstaltung Modulare Medienprogrammierung
Masterstudiengang Digitale Medientechnologien
LV Leitung: Matthias Husinsky

, , , interactive