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 20:30
© 2008 Hochschule für Gestaltung, Schwäbisch Gmünd. Impressum
0
» Post-it
jbo
17:24, 30.08.2010

Wireframing Stencils bis zum Umfallen — [link]

14:40, 27.08.2010

Logged in – Wie sozial machen uns Netzwerke? [link]

15:32, 17.08.2010

Medienfassaden Symposium auf der Ars Electronica am 6.9.2010
[link]

13:42, 16.08.2010

Designmethodenfinder: [link]

13:11, 14.08.2010

11 Principles of Interaction Design Explained [link]

13:55, 12.08.2010

5 indispensable skills: [link]

11:05, 30.07.2010

Sonys 360° 3D Display Prototyp [link]!

jbo
09:26, 30.07.2010

kleine Sammlung für die iPhone Entwicklung — [link]

10:37, 28.07.2010

some more history: Brief history of data visualization [link] (via. flowingdata)

17:08, 26.07.2010

Design Is History [link]

09:37, 26.07.2010

IDEO Method Card iPhone Application
[link]

10:07, 12.07.2010

Interactiondesign in Seattle (Washington State) - vielleicht eine Möglichkeit fürs Auslandsemester
[link]

00:12, 09.07.2010

mouse-less?
intelligenter einsatz von infrarot.
[link]

10:21, 07.07.2010

bilderkennung in der küche

[link]

21:08, 03.07.2010

Ich bin begeistert von der Wireframing Software Balsamiq: [link]

Wäre schön wenn wir dafür Hochschul-Lizenzen bekommen könnten.

11:19, 03.07.2010

Der beste Artikel über Usability den ich bisher gelesen habe: [link]

20:15, 02.07.2010

Sprachsteuerung erschreckend gut. Siri iPhone App (US only) [link]

17:52, 02.07.2010

Bauhaus Interaktiv
[link]

jb
09:39, 02.07.2010

Von .cn zu .中国
[link]

07:15, 01.07.2010

Orginal...[link]

 
» Inhaltliche Nähe zu "Objekt-Mapping (SWF unter VVVV)"