You are here: Startseite Users mark_lukas mark_lukas's Projekte Objekt-Mapping (SWF unter VVVV)

Objekt-Mapping (SWF unter VVVV)

Tags
Backlinks
» Tags: "Objekt-Mapping (SWF unter VVVV)" is tagged as » Backlinks: These Wikipages link to "Objekt-Mapping (SWF unter VVVV)"

Das folgende How-To erklärt die Umsetzung einer Projektion zweier Seiten eines Objekts mit einem Beamer via Flash und VVVV.


Das folgende How-To erklärt die Umsetzung einer Bespielung zweier Seiten eines Würfels mit einem Projektor via Flash und VVVV. Der Vorteil dieser Lösung besteht darin, dass die Animation in Echtzeit am realen Objekt konfiguriert werden kann. 

Und so schaut es aus:

  

 

1. Komponenten (Aufbau)

 

Für den Aufbau werden ein üblicher PC/Mac mit Windows als Betriebssystem, sowie ein kompatibler Beamer mit einer Auflösung von 1024x768 Pixeln benötigt. Als Oberfläche des Objekts können Kappa-Platten verwendet werden. Die Positionen, Größen und Winkel der Platten zum Beamer spielen hier keine Rolle. Lediglich der Abstand von ca. 2m - 5m sollte eingehalten werden. Allerdings ist das vom Modell des Beamers abhängig.

aufbau
 
 

2. Animation (Flash)

 

Die in diesem Projekt verwendeten Animationen bestehen aus 2 SWF's - eine für die linke Seite, die andere für die rechte. Diese ist mit einem MP3-File bestückt. Damit die Musik und die Animation synchron ablaufen, muss mindestens die linke Seite "gestreamt" werden.  

Flash-Stream

Achtung:
Ist die Flash-Animation gestreamt greift VVVV lediglich auf die Tweens auf der Hauptzeitleiste zu. Daher Tweens in Movieclips vermeiden!

 


3. Projektion (VVVV)

 

Ist der Beamer am Rechner angeschlossen, muss lediglich die Arbeitsfläche unter den Monitoreinstellungen in Windows erweitert werden. Die Position des Beamers zu den zu bespielenden Flächen kann willkürlich gewählt werden. Aufgrund des Turms ist hier der Beamer um 90° gedreht. 

 

3.1. Das Basispaket im Anhang downloaden und installieren. Die im Paket enthaltenen SWF's mit den eigenen ersetzen.

3.2. Nach dem Öffnen der VVVV-Datei das Fenster "flash renderer" auf die Projektion ziehen und mit "Alt+Enter" in den Full-Screen-Modus setzen.

3.3. Die URL der neuen SWF's in den entsprechenden Feldern eingeben.

3.4. Anschließend umschalten auf das Testbild. Nun können in den kleinen Fenstern die Eckpunkte der SWF's "angepackt" werden und die Animationen entsprechend verzerrt werden. Ist das Testbild spiegelverkehrt oder um 90° gedreht, können die Eckpunkte beliebig neu gesetzt werden. 

transform
 
Hier als Beispiel das verzerrte Testbild:  
Testbild

3.5. Nachdem die Verzerrung umgesetzt wurde, wieder auf den "Testbild"-Button drücken und schon kann es losgehen...

play_button

 

 

Viel Spass! 

 

Anhänge
Basispatch.zip — ZIP archive, 756Kb
(0 Words, 0 Weblinks, 0 Pictures and 0 Video) - Seite Drucken
Page created by mark_lukas. Last modification on 06.05.2010 21:30
© 2008 Hochschule für Gestaltung, Schwäbisch Gmünd. Impressum
0
» Post-it
jb
17:08, 26.11.2012

Again: Das digitale Klassenzimmer: [link]:article_id=228744

12:27, 31.08.2012

Retweetet diesen Tweet und gewinnt eine von 2 Freikarten für die push.conference in München am 24. Nov. [link]

09:29, 09.07.2012

Praktikumsplatz ab sofort bei schnelle-bunte-bilder in Berlin.
[link]

17:07, 05.06.2012

push.conference ist heute online gegangen. Fixes Studentenkontingent inklusive. [link]

jb
14:03, 07.05.2012

Disney Research's Touché system detects your touch on most things [link]

10:44, 14.02.2012

UX-Designer sind eine der bestbezahltesten IT-Jobs in 2012 [link]

16:13, 08.12.2011

predicting the future of computing [link]

09:35, 09.11.2011

Sehr lesenswerter Artikel zum Thema Touch-Interfaces.

[link]

15:56, 04.11.2011

ERGOSIGN München sucht einen Praktikanten (m/w): [link]

17:40, 27.10.2011

Games, Life & Utopia Conference an der FH Potsdam. Alle sind eingeladen. [link]

08:27, 27.10.2011

Zurück nach Gmünd. Heute um 15:30 mit meinem Vortrag »How to start up a design studio«

jb
14:00, 26.09.2011

Erdbebenwarngerät auf Arduino-Basis:

[link]

11:39, 16.08.2011

decoded conference 2011 wieder in München. 1 Tag. 6 Sprecher. Early Birds mit 15% Studentenrabatt sind noch zu haben [link]

00:27, 04.08.2011

US debt problem visualized [link]

jbo
12:42, 14.07.2011

Complexity vs Complicated — [link]

jbo
09:39, 06.07.2011

Einfache Tweenings in HTML/CSS – [link]

08:49, 04.07.2011

Hmmm. Lots of data waiting to get visualized... [link]

18:04, 17.06.2011

An Infographic about the Anatomy of a Computer Virus
[link]

15:25, 08.06.2011

Nokia Maps Berlin sucht UX-designer/Visual designer als Verstärkung. Go here: [link] and search for RES000001O9

10:46, 07.06.2011

[link] powerful Augmented Reality Picture tracking.