3. Easy Breezy 3D Card Flip Effect with Flash, AS3 and Our Good Buddy TimelineMax

출처 : http://www.snorkl.tv/2010/12/easy-breezy-3d-card-flip-effect-with-flash-as3-and-our-good-buddy-timelinemax/

1. import com.greensock.*;
2. import com.greensock.easing.*;
4. //startValues for the card back
5. flipper.back.rotationY = -90;
6. flipper.back.alpha=0;
8. //speed of 90 degrees of flip
9. var flipSpeed:Number = .5;
11. //create TimelineMax instance
12. var tl:TimelineMax = new TimelineMax({paused:true});
14. //flip the front 90 degrees
15. tl.append(TweenMax.to(flipper.front, flipSpeed, {rotationY:90, visible:false, ease:Linear.easeNone}))
17. //set the back to alpha of 0 as soon as front finishes
18. tl.append(TweenMax.to(flipper.back, 0, {alpha:1, immediateRender:false}))
20. //flip the back 90 degrees
21. tl.append(TweenMax.to(flipper.back, flipSpeed, {rotationY:0, ease:Linear.easeNone}))
23. //basic button code
24. flip1_mc.addEventListener(MouseEvent.CLICK, flip1);
26. function flip1(e:MouseEvent){
27. // play to the beginning of the timeline
28. tl.tweenTo(0);
29. }
31. flip2_mc.addEventListener(MouseEvent.CLICK, flip2);
32. function flip2(e:MouseEvent){
33. // play to the end of the timeline
34. tl.tweenTo(tl.duration);
35. }