• 
• 
• 
• 
• 
• 
• 
• 0

Oktober 2007

Papervision3D, Flash und Konsorten

Endlich erhält Flash in Sachen 3D ganz neuen Tiefgang

(Link zum Artikel: http://www.createordie.de/cod/artikel/1318)

Frei begehbare 3D-Räume sind jetzt auch mit Flash möglich. Wie das funktioniert? Papervision3D macht es möglich...

Text: Frank Reitberger

Frei drehbare 3D-Würfel sind wie das obligatorische Kaninchen, das neuerdings ein jeder ohne Probleme aus dem Hut zaubert. Wie spannend ist das also noch? Absolut frei begehbare 3D-Räume, die beispielsweise als Showroom fungieren und in denen dann komplett texturierte Einrichtungskollektionen präsentiert und erlebbar werden, sind da wohl eher die Ausnahme denn die Regel. Wäre das nicht mal eine gelungene Abwechslung? An dieser Stelle sendet Flash endlich kein Testbild mehr, sondern füllt die z-Achse, dank Papervision3D, mit exquisitem Programm!

Unter der Vielzahl an Verwendungsmöglichkeiten der Open Source 3D-Engine für Flash werden hier zwei Varianten genauer unter die Lupe genommen:

• mit einem komplexen 3D-Charactermodell in Flash arbeiten
• Flashvideo-Streams direkt auf 3D-Objekte projizieren

Eine gute Figur machen...
Ersetzen wir also zuerst den schon leicht angestaubten 3D-Würfel durch ein etwas aufwändigeres 3D-Charactermodell. Ich habe da mal was vorbereitet und in einem 3D-Programm meiner Wahl schnell ein paar Polygone in Form gebracht, texturiert und anschließend für den Import in Flash vorbereitet (3D-relevante Dateien liegen diesem Artikel bei).

Wer die Wahl hat, hat die Qual
Es gibt viele Möglichkeiten, um an ein 3D-Modell zu kommen, welches dann in Flash verwendet werden kann. Zum einen kann man der hausinternen 3D-Abteilung so lange auf den Wecker fallen, bis diese entnervt ein Modell herausrückt, um wieder in Ruhe arbeiten zu können. Zum anderen sollte man aber die Alternative in Betracht ziehen, es selbst mal auszuprobieren. In einem 3D-Programm seines Vertrauens (Studio Max 3D, Autodesk Maya, um schnell mal einige zu nennen) ein kleines 3D-Modell zu entwickeln, ist mit ein wenig Übung gar nicht so schwer und man bekommt so auch recht schnell brauchbare Resultate zustande. Zu beachten ist hierbei nur, dass das ausgewählte Programm auch über einen Collada-Exporter verfügt.

Collada... ist kein neuer Cocktail
Collada basiert auf XML und soll sich als offenes Austauschformat für Daten zwischen diversen 3D-Programmen etablieren. Hierbei werden nicht nur Modelle und Texturen weitergegeben, sondern auch spezifische Settings zwischen den 3D-Programmen ausgetauscht. Das heißt im Klartext, das in Maya entwickelte 3D-Modell wird über den Collada-Export exportiert und dann z.B. in 3D Studio Max wieder importiert. Die zuvor gesetzten Eigenschaften der 3D-Objekte, beispielsweise die Texturen, bleiben dabei erhalten, dafür ist das Format vorgesehen. Papervision3D kann übrigens auch mit Collada-Dateien umgehen, klingelt da was?

1. rootNode = scene.addChild( new Collada("grid_only"),"rootNode" );

Da die Papervision3D Engine über eine Methode zum Collada-Import verfügt, ist das Collada-Format eben auch prima für den Import in Flash zu gebrauchen. Importieren wir nun doch einfach mal unser 3D-Austauschformat in Flash und arbeiten dort damit weiter.

1. // klassen importieren
3. import flash.events.*;
4. import flash.display.Sprite;
5. import org.papervision3d.scenes.*;
6. import org.papervision3d.objects.*;
7. import org.papervision3d.cameras.*;
8. import org.papervision3d.materials.*;
9. import org.papervision3d.events.*;
12. // vartypes definieren
14. var container :Sprite;
15. var scene :Scene3D;
16. var camera :Camera3D;
17. var rootNode :DisplayObject3D;
21. // setup 3d object & camera
23. function init(){
25. // sprite erzeugen und als
26. // virtuelle bühne benutzen
28. this.container = new Sprite();
29. addChild( this.container );
31. this.container.x = stage.stageWidth/2;
32. this.container.y = stage.stageHeight/2;
34. // 3D scene initialisieren
35. this.scene = new
36. Scene3D(this.container);
38. // kamera hinzufügen
40. camera = new Camera3D();
41. camera.x = 3000;
42. camera.z = -2000;
43. camera.zoom = 12;
44. camera.focus = 12;
46. // leeres object namens "rootNode"
47. // zu der scene hinzufügen welches
48. // dann das collada-file lädt
50. rootNode = scene.addChild(
51. new Collada("grid_only.DAE")
52. , "rootNode" );
55. // scene rendern
56. this.addEventListener(Event.ENTER_FRAME
57. ,render3D);
59. }
61. init();

• 1
• 2
• 3

 

• Gute Kommentare werden belohnt.
•   (optional)
•   (Kommentar abonnieren/Gravatar - wird nicht veröffentlicht)
•    Benachrichtige mich bei nachfolgenden Kommentaren per E-Mail
• Dein Kommentar (HTML- und sonstige Codeelemente werden nicht angezeigt)
• -+
•