blob

Ein interaktiver Spiegel, welcher dich in eine magische
Unterwasserwelt eintauchen lässt.

Projektbeschreibung

Das Konzept des Sommersemesters 2018 ist „mirror mirror on the wall“. Ein digitaler Spiegel mit dem der Betrachter interagieren kann. Als Inspiration diente der Spiegel aus dem Märchen „Snow White“.

Konzept

Um bei diesem Thema zu bleiben, wurde das Märchen „The Little Mermaid“ die Inspiration der Unterwasserwelt für blob. Die Bewegungen des Betrachters vor dem Spiegel werden auf dem Monitor in Form von Luftblasen gespiegelt. Diese steigen nach oben und schrumpfen bis sie langsam verschwinden. Die untere Abbildung zeigt eine grobe Skizze des Konzeptes.

Realisierung

Mithilfe der Physics-Bibliothek wurde das Projekt in Javascript programmiert. Die Code-Optimierung war besonders wichtig, da dies die Framerate und somit auch die Qualität der Animation beeinflusst. Um das Gefühl von Unterwasser zu unterstützen, wurden grobe Hintergrund-Umrisse angedeutet und Sonnenstrahlen, welche von der Wellen gebrochen werden, animiert.

Interaktion

Der Betrachter kann mit einem lauten Geräusch, wie zum Beispiel Klatschen oder der beiliegenden Taschenlampe, mit dem Spiegel interagieren. Das Klatschen verändert den Farbfilter der Luftblasen, wobei die Taschenlampe alles abdunkelt bis auf den Punkt der Lampeneinstrahlung. Um das Licht der Taschenlampe zu tracken, wurde ein limetten-grüner Filter vor der Lampe angebracht. Alternativ kann auch etwas limetten-grün Farbiges zum Tracken des Lichtkegels verwendet werden.

Funktioniert im Firefox Desktop-Browser

Internet der Dinge 2
Jonathan Bruckbauer
Xuan Thi Duc Le
Florian Trah

Interaktions Gestaltung 2
Shkendie Sopa

2. Semester
Sommersemester 2018 Grundl. im medialen Raum
bei Prof. Dr. Hernandez-Castro

Javascript, HTML, CSS, Photoshop, Illustrator, Premiere Pro


Copyright © Xuan Thi Duc Le