Papervision 3D Programming Tutorial - 3D Image Transitions
Implement 3D image transitions with this Papervision demo . Source code and online example included.
VIEW THE DEMO
DOWNLOAD THE CODE
In my last post I showed you how to create an image that would disintegrate into a number of smaller planes and then fly away. It was a cool effect, and as it turns out having already done the hard work of splitting up the image into a number of smaller planes allows you to easily create quite a number of additional effects.
In this demo I have taken the code from the last post and added the ability to transition between two images in a variety of different ways. Each option (selectable from the combo box in the top left of the screen) flips the individual planes that make up the final image in a cascading "mexican wave" motion, either starting from a corner of the image or one of the side.
You could use this code quite easily to add a transition for your own images simply by replacing the png files in the media directory. It could easily add some pizzazz to (a usually quite boring) photo album.
Like the exlodo-logo example, the movement of the individual planes in this example is all handled by the Tweener library. I've said it before, but it bears saying again: Tweening rocks! It saves you from having to write so much boring boilerplate code to manage the modification of your Actionscript objects. I can't believe that I didn't start using Tweener earlier. If you don't know what Tweener is, check out this post here.
Check out more web development tutorials and articles here.
Go back to Papervision Tutorials
-
Papervision 3D Programming Tutorial - Creating a Papervision Component
| By mcasperson | in Programming
See how Papervision can be packaged into a SWC Flash component, which allows you to drag and drop Papervision into ...
-
Papervision 3D Programming Tutorial - Environment Mapping
| By mcasperson | in Programming
Learn how to implement environment mapping with Papervision....
-
Papervision 3D Programming Tutorial - Terrain
| By mcasperson | in Programming
Learn how to create a realistic looking terrain mesh and texture that can be imported into Papervision. Demo and so...
-
Papervision 3D Programming Tutorial - Texture Smoothing
| By mcasperson | in Programming
See the difference texture smoothing can make to your Papervision 3D applications. Demo and source code included....
-
Papervision 3D programming tutorials - Clipping & Culling
| By mcasperson | in Programming
See how to use Papervisions clipping and culling options to improve performance and visual integrity. Demo and sour...
-
Javascript functions for : trim, right trim, left trim, no Apostrophe, is Empty , is Digit , VarChar To Number , is integer , check Is Zero , Get Que | By xxris | in Programming
Javascript functions for : trim, right trim, left trim, no Apostrophe, is Empty , is Digit , VarChar To Number , i...
-
How to access and use a Window's command line | By MaxwellPayne | in Programming
Learn about the Window's command line in DOS and how to use it....
-
Zen Cart Development – Improved Open Source for Shopping Cart | By dainawill | in Programming
Main task of every online merchant is not only to launch the online store successfully but to keep it on the same l...
-
How to Learn to Program Your Computer | By dsj8760 | in Programming
This article is about learning to program a computer. It is a general article giving tips on how to learn about pro...
-
Jailbroken iPhones get RickRolled | By explorer | in Programming
First iPhone worm, attacks via SSH and does the classic rick roll gag on the user....
-
Away3D Programming Tutorial - Environment Material | By mcasperson | in Programming
See how to use the EnviroBitmapMaterial to create a real time reflective look in Away3D. Demo and source code inclu...
-
Away3D Programming Tutorial - Primitives | By mcasperson | in Programming
See how easy it is to use the build in primitive shapes supplied with Away3D. Demo and source code included....
-
Away3D Programming Tutorial - Mouse Interaction | By mcasperson | in Programming
Learn how to respond to mouse events in Away3D. Demo and source code included....
-
Away3D Programming Tutorial - Effects | By mcasperson | in Programming
See how you can add the standard Flash filters to any Away3D object to easily create advanced effects. Demo and sou...
-
Away3D Programming Tutorials - Getting Started | By mcasperson | in Programming
Learn how to get started with the Away3D Flash 3D engine with this detailed, step by step tutorial. Demo and source...
Apologies - just worked out what I was missing - absolute newb to flex
I love the effect but I am not sure of the reason for the post - the code doesn't seem to have any fla - just the as classes and the tutorial doesn't explain in any kind of detail how the effect was achieved. Nice work but should it be called Papervision show off rather than a tutorial?