Papervision3D ist eine Open Source 3D Engine für Flash. Das Projekt befindet seit einiger Zeit in der Public Beta Phase und erfreut sich großer Beliebtheit.

P3D

Hier ein kurzes Beispiel, wie Papervision 3D mit Flashvideos kombiniert werden kann. Fährt man mit der Maus hoch bzw. runter, kann der Abstand zu den Videos verändert werden. Der kommentierte Quellcode zu dem Flashbeispiel befindet sich am Ende des Beitrags.

Papervision 3D

Link: Papervision Beispiel

Ein guter Ausgangspunkt, um Papervision kennenzulernen, ist das Wiki: Papervision 3D Wiki. Weitere Informationen finden sich im Beitrag Papervision 3D Public Beta.

Papervision 3D Komponente

Seit kurzem gibt es außerdem eine Papervision 3D Komponente, die die Handhabung weiter vereinfacht. Man hat in Flash ein neues Panel, mit dem viele Parameter über die Flash IDE konfiguriert werden können. Die Featureliste lautet wie folgt:

  • Design-time render and editing in Flash IDE
  • 3 Material types supported - BitmapFileMaterial, BitmaAssetMaterial and MovieAssetMaterial
  • Creates MovieScene3D and Free or Target camera
  • Manages resizing / centering of Papervision3D scene [optional]
  • Dynamic masking to constrain the viewable render area to the bounds of the component [optional]
  • Full API and access to Scene, Camera, Collada objects to code around
  • Automatically loads materials via Collada file [when materials list is not given]
  • New Custom Panel for modifying rotation, camera zoom, camera focus, camera Z at design-time

Voraussetzung für die Komponente ist Flash CS3.

Link: New Papervision 3D components

360 Grad Panorama Player

Des Weiteren möchte ich auf einen 360-Grad-Panorama Player von Harald Kotte hinweisen:

Link: Beispiel Panorama
Link: Free Panorama-Player (Download/Quellcode)

Der Open Source Player wurde ebenfalls mit Flash CS3 und Papervision 3D erstellt.

Quellcode zum Papervision 3D Beispiel

Actionscript:

  1. span style="color: #808080; font-style: italic;">//::::::::::::: VIDEO ::::::::::::::
  2.  
  3. // Timer Klasse und Events vom Typ "TimerEvent" importieren
  4. // ::::::: Video initialisieren ::::::::::::::
  5.  
  6. // neues NetConnection-Objekt erzeugen
  7. // lokale Verbindung bzw. HTTP-Verbindung erstellen
  8. //neues NetStream-Objekt
  9. // neuer Client
  10. // neues Objekt für die Meldungen
  11. //NetStream mit dem Video-Objekt verknüpfen
  12. // Video laden und starten
  13. // Puffergröße festlegen
  14. "elephant-dream.flv");
  15.  
  16.  
  17.  // EventListener für Statusmeldungen
  18. // Funktion zur Anzeige des Status
  19. "Message: ""NetStream.Play.Stop"// ::::::::::: PAPERVISION :::::::::::::::::
  20.  
  21.  
  22.  
  23. // neues Sprite
  24. // Sprite auf die Buehne setzen
  25. // x und y Koordinaten festlegen
  26. // neues Objekt vom Typ Scene3D
  27. // neue Kameraperspektive
  28. // Bitmap-Objekte erstellen
  29. // BitmapMaterial erstellt eine Texture aus einem Bitmapobjekt
  30. // zweiseitig (also auch eine Rueckseite)
  31. // 8,8 --> mapping artifacts vermeiden durch Unterteilung in kleinere Segmente
  32. // vom Mittelpunkt auf x = 800 verschieben
  33. // Rechteck mit der Flaeche zum Kreismittelpunkt ausrichten
  34. //myPlane.rotationZ = 45; // Neigung
  35.  
  36. // zur 3D-Szene hinzufügen
  37. // :::::::::::::::::::::::::::::::::::::::::::
  38.  
  39. // jedes Frame ausfuehren
  40. // Anfangswinkel setzen
  41. // Winkel um zwei Grad erhoehen
  42. // neues Kamera x und z Position ausrechnen (Einheitskreis multiplizieren mit Faktor)
  43. // Bitmap erzeugen
  44.         bmd.draw(vid1);
  45.        
  46.         // Bitmap hineinladen
  47. // Bild aus aktueller Kameraposition erstellen
  48. // Original MovieClip (nicht 3D) ausblenden
  49.