Jasco Posted April 3, 2013 Share Posted April 3, 2013 Hi good people of the forum. I'm trying to animate an opening gift box with the lid popping of and the sides folding down. I was able to do a draft concept using shape tweens in Flash itself after struggling like hell trying to do it with TweenMax. (attached is the swf) I'm fairly familiar with TweenMax / TimelineMax. Something like TweenMax.to(mc, 2, {rotationY:90}) is easy but I quickly run into issues as far as the anchoring points go especially when it comes to the skewed sides. Anybody got some great ideas to get me going? Cheers gift box.zip Link to comment Share on other sites More sharing options...
Carl Posted April 4, 2013 Share Posted April 4, 2013 Hi if you want to use TweenLite tweens to accurately animate the sides in 3D space you are going to first have to build your cube in 3D space. Here is an excellent article on the basic concepts of constructing a cube: http://blog.tech-soigne.com/index.php/create-3d-cube-in-flash-cs4-with-as3-actionscript-3-0/ All 3D transformations are going to happen around the registration point of the target object. That tutorial has the registration point in the center of each "side" of the cube. For your sides to flap down with the bottom anchored, you will have to have your registration points on the bottom edge of each side. Once that is all in place you can do a tween like so TweenLite.to(cube.front_mc, 1, {rotationX:90}); Link to comment Share on other sites More sharing options...
Jasco Posted April 9, 2013 Author Share Posted April 9, 2013 Hey Carl, Thanks a million for you advice! Attached is a start with lots of work to come... 1) proper shadow 2) text on the 'inside' of the cube 3) ribbon on top, etc Cheers Link to comment Share on other sites More sharing options...
Jasco Posted April 9, 2013 Author Share Posted April 9, 2013 Hey Carl, Thanks a million for you advice! Attached is a start with lots of work to come... 1) proper shadow 2) text on the 'inside' of the cube 3) ribbon on top, etc Cheers cbue.zip Link to comment Share on other sites More sharing options...
Carl Posted April 9, 2013 Share Posted April 9, 2013 Hi Jasco, That is fantastic! I know that working with Flash's flavor of 3D can be a little mind boggling, you've done a great job. Thanks for sharing. Carl Link to comment Share on other sites More sharing options...
elmore78 Posted October 1, 2013 Share Posted October 1, 2013 Hi Jasco, You've done a great job! I'm trying to achieve a similar effect, how difficult was it to animate with Tweenlite once you'd defined the registration point? I'd be grateful for any advice on how you took the next steps. Cheers Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now