360° Video with Papervision3D

Concept :

First, you need a movie filmed with a 360° camera.
This is what the original movie looks like :

Here is the FLV file :
http://www.cornflex.org/files/video3d/videos/new_york.flv

And you can see what the camera looks like on this page.

The idea was to apply the BitmapData of that movie on a GeoSphere.

The GeoSphere is made in 3DSMAX with flipped faces and exported in ASE Format.
The ASE Format is readable by Papervision3D.

Then you just need to draw your bitmapData into a texture you apply to the ASE in ActionScript.

This movie requires Flash Player 10

Click and move your mouse over the movie.

About videos :

The videos I use come from ImmersiveMedia.com.
This 360° Video System was already made by ImmersiveMedia but only for the Shockwave plugin.
I think I have a good approach here with the Flash Player plugin ;)

Sources :

You can take a look to my sources by clicking here.

115 comments

  • pandora charms March 9, 2011

    Hiya, thanks for your post, this looks excellent.

    Would it be possible to hook up a live video stream to this?

    Thanks

  • wholesale bags china March 9, 2011

    I think you can specify the type of the camera you want to use in 3DS to render your scene.
    A colleague of mine use this technique.

  • Gabriel March 18, 2011

    It´s awesome!!! This is the future. Good job.

  • silvio castillero March 25, 2011

    how much this camera ? or rent the camera and software ? I am interested with this product. please respond.

    thanks

  • Axxel April 1, 2011

    Don’t work with Flash Builder 4 and the package Papervision3D_2.1.932.swc

    I have these errors :

    Description Resource Path Location Type
    1046: Type was not found or was not a compile-time constant: Ase. SphericVR.mxml /Video3D/src line 22 Flex Problem
    1046: Type was not found or was not a compile-time constant: FreeCamera3D. SphericVR.mxml /Video3D/src line 21 Flex Problem
    1061: Call to a possibly undefined method renderCamera through a reference with static type org.papervision3d.scenes:Scene3D. SphericVR.mxml /Video3D/src line 100 Flex Problem
    1137: Incorrect number of arguments. Expected no more than 0. SphericVR.mxml /Video3D/src line 70 Flex Problem
    1180: Call to a possibly undefined method Ase. SphericVR.mxml /Video3D/src line 82 Flex Problem
    1180: Call to a possibly undefined method FreeCamera3D. SphericVR.mxml /Video3D/src line 72 Flex Problem

  • silvio castillero April 10, 2011

    how much this camera ? or rent the camera and software ? I am interested with this product. please respond.
    thanks

  • Quentin Lengelé April 12, 2011

    You must see with Immersive Media:
    http://www.immersivemedia.com/

  • [...] wordt langs allerlei kanten gewerkt aan virtuele 3D-omgevingen. Zo ook op het gebied van video. Kijk maar ‘ns hier. Vreemd om in een bewegende film met je cursor letterlijk rond te kunnen [...]

  • [...] – Introducing: Layar Vision Augmented Reality with FLARToolKit 3D Cameras EtcInteractive 3d cameras http://www.cornflex.org/?p=1http://blog.papervision3d.org/2008/02/17/video-360/BubblePix App Demo Xbox Connect *{margin:0; [...]

  • [...] view the 3d videos [...]

  • Moe January 16, 2012

    Hi Quentin,
    I was wondering if you had an update to the FX3 360 video Papervision3D sample you did..maybe on FX4 and ideally for 4.6? Thanks.

  • [...] de navegación http://www.immersivemedia.com http://www.cornflex.org/?p=1 Tags: 360º, Google Maps, vídeo Google Maps Navigation [...]

  • Quentin Lengelé January 18, 2012

    Hi, yep, the version on my blog is quiet old now.

    I made a better one (Panorama3D) but it’s part of my new AS3 framework.
    And the framework is not completed yet.

    But, if you want a quick solution, you can do this:

    1. With Away3D 4.x, build a sphere and flip faces.
    2. Read a video stream and draw the Video component in a bitmapData with a inversed matrix.
    3. Apply this bitmapData to the material of the sphere.
    4. Put some mouse control on the rotation of the Sphere.

    Cheers

  • Cigarettes Cheap June 15, 2012

    Enjoyed every bit of your article. Great.

  • [...] développeurs proposent des solutions open source pour réaliser ce genre de vidéos, comme le site http://www.cornflex.org/?p=1 qui offre une solution en Flash et [...]

Post a Reply

© 2012 CornFlex