Tearing 3d effect (away3d + as3dmod)
Let’s go back for some tutorials. I have finished to develop my new portfolio (quite long) and now I can show you some tips and tricks.
Some people wanted to know how I do the tearing effect in the fun side of my portfolio.
It’s not tough. It’s a little mix between a 3d framweork (here away3d) and as3dmod.
The effect consists to create one or many planes in your instance of scene3D and to attribute the “Bend” effect from as3dmod. Each planes has a piece of our screen (a bitmapdata).
Then you can animate these objects with bend properties. During animations, we hide the main screen and display it when the bend effect is finished.
Here is a little demo where you can check the bend parameters : offset, angle and direction. You can set the number of planes (1 to 5) and the option to display the materials or not. Click on the plane to active the effect.
Sources | Tear Effect - version 1.0 (7.47 KB)
The source uses some features that you need to have if you want to run this example :
Tweenlite
as3dmod
Away3d version Fp10
MinimalComp (for buttons and sliders)
Enjoy








Hello,
Thanks for posting this article. I am very curious to know how did you created a 3D box in your site.
Hi,
To create a 3D box, it’s always the same routine. Here I use Away3D, the Cube Primitive, a Light for the scene and some shaded color material to have some gradient shaded colors on the cube’s sides.
Hey thanks for the reply. Thanks for the inspiration. I visit your blog everyday. Will be glad to add you in facebook. Thanks