as3翻牌动画

----------------------------------------------------

主要利用了rotationY属性来进行处理，Pseudocode：

import com.greensock.*;
import com.greensock.easing.*;

//startValues for the card back
flipper.back.rotationY = -90;
flipper.back.alpha=0;

//speed of 90 degrees of flip
var flipSpeed:Number = .5;

//create TimelineMax instance
var tl:TimelineMax = new TimelineMax({paused:true});

//flip the front 90 degrees
tl.append(TweenMax.to(flipper.front, flipSpeed, {rotationY:90, visible:false, ease:Linear.easeNone}))

//set the back to alpha of 0 as soon as front finishes
tl.append(TweenMax.to(flipper.back, 0, {alpha:1, immediateRender:false}))

//flip the back 90 degrees
tl.append(TweenMax.to(flipper.back, flipSpeed, {rotationY:0, ease:Linear.easeNone}))

//basic button code
flip1_mc.addEventListener(MouseEvent.CLICK, flip1);

function flip1(e:MouseEvent){
// play to the beginning of the timeline
    tl.tweenTo(0);
}

flip2_mc.addEventListener(MouseEvent.CLICK, flip2);
function flip2(e:MouseEvent){
// play to the end of the timeline
    tl.tweenTo(tl.duration);
}

参考链接：Easy Breezy 3D Card Flip Effect with Flash, AS3 and Our Good Buddy TimelineMax

本示例下载链接：flipper_new_cs4.zip (需flash cs4+ 才能打开)