Papervision 3D
If you work with Flash at all, by now you will have heard of Papervision 3D, the open source project that has turned the Flash world on its head by introducing a 3rd dimension. I had a quick play with Papervision 3D a few months ago and found it surprising easy to pick up. It is now in public beta so I decided to dust off my old project and rewrite it in Actionscript 3.
3D image gallery demo
Inspired by Antti Kupila’s stunning 3D interface for last.fm, I created a simple gallery of album covers using Papervision 3D. For the reflections of the album covers I have used Pixelfumes’ Reflection class.
View demo
Download source
If you’re curious to see how I put this demo together, take a look at my Flash source files.
Using Papervision 3D
The biggest challenge for me was porting my code to Actionscript 3, as it was the first time I had written AS3 code. But as far as Papervision 3D itself, it really is a piece of cake to get your head around. The documentation that comes with Papervision 3D is a bit hard to follow, but if you download the zipped version of Papervision 3D from Google Code it contains a bunch of great examples which help to introduce the basic concepts.
The cool thing about Papervision is how it can be adapted to all kinds of 3D applications. My main interest is in the possibilities for creating 3D application interfaces, but people have also created 3D games, models and animations. Expect to see a lot more 3D Flash in the next couple of years!
Comments
Add a comment
Comments are moderated, so your comment will not appear on the site immediately.
1Antti Kupila
Very nice work Jonathan
2Jonathan
@Antti - Thanks! And thanks also for getting me interested in Papervision 3D to begin with
3urals
May be u should try Alternativa3d flash engine too
http://blog.alternativagame.com/en/ here is their dev blog with some examples
4saravanan
HI,
very nice work…i am started doing experiments …i have one doubt can u help us how to add mouse events for planes…we need a tut ..
thanks in advance dude
5Erik
Like how you used the reflection. Good to know! Only how do I get the image quality on 100% ? I know it’s uses more memory but I want to find out. Would be awesome if you could me mail me.
6Jonathan
@Erik - I’m not quite sure what you mean, but you could try increasing the number of segments in the 3D planes.This is set in \source\classes\scene3d\ImageGallery.as
7Slevn
Very nice example….Interesting blog. I took a look this project, unfortunately it was a little over my Flash abilities to use but nice to see some practical examples floating around rather than the simple rotating cube.