Elke Hoffmann

was uns bewegt

Ein Experimentierraum im World Wide Web

experimentierRaum -was uns bewegt-

experimentierRaum -was uns bewegt-

Technical Description

Das Grundgerüst der Website ist mit dem Animationstool Flash 5 von Macromedia erstellt worden und ist in Html und JavaScript implementiert. Zum Betrachten der Website wird ein Flash-Player als Plug-in innerhalb des Browsers benötigt, der von den Nutzern auf der Website von Macromedia kostenlos heruntergeladen werden kann.
Dieses Animationstool wurde verwendet, da es bei den meisten Internetnutzern bereits über die Browser von Netscape oder Microsoft installiert ist und einen sehr großen Bekanntheitsgrad und damit auch eine hohe Verbreitung hat. Zudem kann über die Programmiersprache ActionScript die notwendige Interaktion geschaffen werden.
Für die Bereiche Bibliothek und Film wurden reine Html-Seiten angelegt, da damit die Aktualisierbarkeit besser gewährleistet ist. Im Bereich Film ist Html notwendig, da eine Einbindung von Video-Streams innerhalb von Flash nicht möglich ist.
Erstellung der Figur-Animationen: Grundsätzlich wurde auf das Hauptelement von Flash zurückgegriffen - die Vektoren. Um die Figuren in ihrer menschlichen Bewegungsform darstellen zu können, wurden die Personen zuerst per Videokamera vor einer weißen Wand und einem leicht schimmernden Boden aufgenommen. Dadurch konnte gewährleistet werden, dass sich die Figuren später in Flash relativ schnell freistellen ließen. Der schimmernde Boden erzeugte den Schatten der Figuren, der den räumlichen Eindruck im grafisch erstellten Raum auf der Website unterstützt.
Vorwiegend wurden bei den Videoaufnahmen MiniDV-Kameras verwendet. Per FireWire-Verbindung wurde das entstandene Videomaterial mit der Software iMovie von Apple direkt in den Computer eingespielt. Dieses Programm ermöglicht ein schnelles und direktes Eindigitalisieren. Da bei den verwendeten MiniDV-Kameras die Sequenzen Halbbilder aufwiesen, die zu Streifenbildung bei schnellen Bewegungen an den Figuren führen, mußte das Videomaterial über einen automatisierten Vorgang durch die Software Photoshop von Adobe mit einem De-Interlace-Filter korrigiert werden.
Das korrigierte Material wurde nun mit AfterEffects farblich abgestimmt und zeitlich verkürzt, um möglichst wenige Bilder zu erhalten und anschliessend als JPG-Sequenz auszuspielen. Dieses Bildformat lässt sich problemlos als Sequenz in Flash importieren. Hier wurde jedes einzelne Bild vektorisiert und nachträglich sowohl farblich als auch im Ablauf optimiert. Dieser Optimierungsvorgang ist zwingend notwendig, um den niedrigen Datenübertragungsraten im Onlinebetrieb der Website gerecht zu werden.

Hardware / Software

Layout-Software
Adobe Illustrator 9.0
Adobe Photoshop 5.5
Macromedia Freehand 8
Macromedia Flash 5

Video-Software
Apple iMovie
Apple Quicktime Player 4
Adobe After Effects 5.0