Jump to content
Search Community

Tweening Like windows 8 Metro Interface

eisaias2000 test
Moderator Tag

Recommended Posts

Hi,

 

I received a demand for an animation similar to opening a windows 8 metro application.

 

Basically, when you click on the tile, it is enlarged and distorted, enlarging the right part before the left.

 

See the file (print screen) or the youtube example (

).
Link to comment
Share on other sites

To make a smooth transition, I have to start the back of "z" and "rotationY" before the first animation is complete. But doing it, when I backwards the timeline, the 'movieclip' remains fuzzy (don't back "z" and "rotationY" to "0")

 

When clicked:

 

TweenLite.to(box, 0.4, { z:160, scalex:4, scaleY:4, rotationY:30 } )

TweenLite.to(box, 0.7, { z:0, scalex:4, scaleY:4, rotationY:0 , delay:0.2} )

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...