How to create a 360 degree view!

[Guest]

Hi,

Guys can somebody direct me to tutorials for creating 360 degree views?

I am pretty much new to 3D world and know nothing but Flash and Flex.

Is there any tutorial available for beginners? to create thease kind of view using Flash and AS3

I need something like this: http://www.acura.com/Exterior360.aspx?model=TL&modelYear=2010

[Andrei1-bKoviI]

Look at Papervision 3D: http://blog.papervision3d.org/

[Ned Murphy]

For something like what you linked as an example, it is normally done using a series of images, one for each view in the 360 degree variation.  So the actionscript involves more a matter of controlling movement along a timeline.  Unless Papervision somehow greatly eases the amount of effort needed to create renderings, you would likely have a hard time creating vehicles with that amount of detail using a 3D rendering code approach.

[Guest]

Hi Ned,

I heard CS4 has some sort of support on 3D objects. Can we use that to implement such a thing?

Currently  I am using CS3 and have no support on 3D. Will an upgrade be beneficial to implement such a thing?

Thanks for the replies.

[MikesNameIsMike]

You're not going to get a 3d model that is as detailed as that car in flash.  Like Ned said - That was done by taking a photo of the car from (up to) 360 vantage points, placeing one on each frame, and simply moving the playhead forward or backward based on user input, to give the illusion of rotating around a 3d object.  The technique is used alot, and I have seen some cool variations - one was one ferraris site, but I can't find it right now.

[Guest]

Rolls Royce also uses that. http://www.rollsroycemotorcars.com

[Guest]

drawTriangles

Look into this method and you will be able to do much with distortions.  Papervision is a great 3d tool for creating 360 views.  but they too use the use of what is known as triangle mesh.

where you use 2 triangles to sheer and rotate and scale giving an illusion of perspective, its  a common gaming technique.

away3d papervision and five3d  are great tools to make a 360 pano.  out of the box softwares are kayo pano.

But do yourself a favor and research drawTriangles

[ParthPandya]

Hi, I am using the series of car images and changing the source according to user input.. it works fine in javascript but i am getting one minor problem in using flex 'In flex when i move the cursor over the image then it's shows that i have changed image. means it takes a time to change the source'

and also It works fine in Mozzilaa Firefox but in Google chrome it blinks while changing the image..

JAVASCRIPT DEMO : http://car.kapdreamworld.com/Murci%C3%A9lago.aspx

FLEX DEMO :  http://car.kapdreamworld.com/flex/car360degree.html

please help me. your small help will also be appreciated..

Regards

Parth

[Guest]

Hi Parth,

It seems you are loading images on the fly that is after the user interaction.

What you can do instead is load the images using Loader class and add it to a Sprite object and now depending on the user input just set the image visible property to true or false. You can alternatively try Embeding the images (Be careful as this approach wil make your SWF file heavier)

Hope this will be of help to you.

Regards,

Swapnil Joshi

[ParthPandya]

Hi, Swapnil

    I am very thankful to you becuase Ur ideas helped me a lot.

     I have Used Loader Class and also used Embedding the images and it's works fine.thanks agian yaar.

     I have one new query "can we save our canvas as a .psd(photoshop) file? as we are saving with .jpg or .png format with the help of jpeg/png encoders"

               I have 2-3 image in my canvas and i want to save it in .psd format means each image will act as a different layer when we will open the saved file in      photoshop.

      Thanks & Regards,

      Parth