Papaervision 3D Programming Tutorial - Explodo-logo

Posted Mar 03, 2009 by mcasperson / comments 0 comments / Print / Font Size Decrease font size Increase font size

See how to create a disintegrating image in 3D with Papervision. Demo and source code included.

VIEW THE DEMO
DOWNLOAD THE CODE

There was a Papervision demo I saw not long ago (and unfortunately I can't find it again) that created a digital clock, where each change in time was shown by the changing digits breaking down and flying away in little pieces. It was really cool, and I wanted to do something similar for myself.

The demo creates a number of individual planes, each one textured with a small section of an embedded image. Each column of the overall image sequentially decomposes into its individual planes and flies off the side of the screen. The actual movement is handled by the Tweener class (I never realised just how cool Tweening was until now), and after a while the whole process repeats itself.

While this demo shows an image being separated column by column, the code could easily be adapted to "blow up" an image in one go, flip each plane around to reveal another image (kind of like those dynamic billboards that so easily catch your eye), or even to rebuild the original image from each individual plane flying back onto the screen.

Here I have used the Plane class to model each individual element of the overall image, but I suspect that using the Particles class would allow for even better performance. I'll try that in a future demo. For now though using the Plane class, and a 20 x 20 grid of individual elements, produces an effect with reasonable performance.

Go back to Papervision Tutorials

Rate this Article:

Be the first to rate me.


* You must be logged in order to leave comments, please login or join us.

Comments

No comments yet.



Bookmark and Share
Sign up for our email newsletter
Name:
Email: