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.

Get Adobe Flash player


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 :)

As3 Away3d
Jun 1, 2010
Guitouxx
8 Comments
Tags: 3d, as3, as3dmod, away3d, bend, BitmapData, flash, tutorial

8 Comments

  • Sudhir 07/13/2010 at 9 h 51 min

    Hello,

    Thanks for posting this article. I am very curious to know how did you created a 3D box in your site.

  • Guillaume Tomasi 07/13/2010 at 13 h 59 min

    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. :)

  • Sudhir 08/13/2010 at 0 h 18 min

    Hey thanks for the reply. Thanks for the inspiration. I visit your blog everyday. Will be glad to add you in facebook. Thanks

  • Sudhir 03/25/2011 at 3 h 26 min

    Hey again,

    I am sorry, but i have tried cube primitive but i failed. Do you mind to post a tutorial for the same as the way you have used. I am looking the transition for cube rotation and information displayed in a movieclip.

    Appreciate your reply.

    Thanks

    Sudhir

  • Sudhir 03/25/2011 at 3 h 28 min

    forgot to mention, I am using AS2

  • Guitouxx 04/05/2011 at 15 h 40 min

    Sorry Sudhir I have no time these days but do you have looked at the away3d group : http://groups.google.com/group/away3d-dev

    There is a lot of contributors overthere. I hope you’ll find an answer :)

  • Rites 11/15/2011 at 5 h 21 min

    Nice work!,
    Please fix the source link
    http://www.guitouxx.com/blog/wp-content/plugins/download-monitor/download.php?id=11

  • Guitouxx 11/15/2011 at 7 h 42 min

    It’s fixed :)
    Thanks!

Leave a comment

Categories

To know more

Archives