Flash flip/rotate page transition?

Discussion in 'Web Design and Development' started by phadam, Nov 10, 2009.

  1. macrumors regular

    Joined:
    Jan 21, 2009
    #1
    I was browsing the web this past week and came across the miniusa site for the mini cooper cars. really liked the page transitions with the way it spins and has the side frame bars blur. Anyone use this or similar animation before? Curious if there are any tutorials on something like this or something to read up on to get an idea of what is going on in the script.

    Thanks
     
  2. macrumors 6502a

    Joined:
    Oct 13, 2008
    Location:
    Wellington, New Zealand
    #2
    Are you talking about the little popups that happen when you roll over the cars?

    The effect is randomized, so you are looking at an animation done entirely through code... no timeline.

    Flash player 10 supports simple 3d motion like in the example you showed... however I can't say whether that example was done just using as3 or if they also included the Papervision 3d library, which is far more powerful. Either way, a tweening library, like TweenLite was used as well.

    Lee Brimlow has some examples of 3d motion in actionscript using both the built-in flash 3d engine and papervision. http://www.gotoandlearn.com/
     
  3. thread starter macrumors regular

    Joined:
    Jan 21, 2009
    #3
    I do like the little popups when you roll over the cars but I was trying to point on the the actual main frame img in the center. when going from page to page it will quickly rotate and have the sides blur.

    thanks for the gottoandlearn link also. I hadn't come across that site yet :)
     
  4. macrumors 6502a

    Dal123

    Joined:
    Oct 23, 2008
    Location:
    England
    #4
    Thanks for that link, lovely site. I like when it loads nav bar splits from centre to fill screen. Brilliant :D.
     
  5. macrumors 6502a

    Joined:
    Oct 13, 2008
    Location:
    Wellington, New Zealand
    #5
    yeah, thats the same effect as the menu cards. You can't get that kind of perspective shift with just skewing...

    The motion blur you can do using a motion library and flash's built-in blur filter.
     
  6. macrumors 6502a

    Joined:
    Feb 14, 2009
    #6
    you're a mac user. don't you know you're supposed to hate flash?
     

Share This Page