as3翻牌动画

最新推荐文章于 2023-05-08 17:54:44 发布

weixin_34034261

最新推荐文章于 2023-05-08 17:54:44 发布

阅读量161

点赞数

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

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

   1: import com.greensock.*;

   2: import com.greensock.easing.*;

3:

   4: //startValues for the card back

   5: flipper.back.rotationY = -90;

   6: flipper.back.alpha=0;

7:

   8: //speed of 90 degrees of flip

   9: var flipSpeed:Number = .5;

10:

  11: //create TimelineMax instance

  12: var tl:TimelineMax = new TimelineMax({paused:true});

13:

  14: //flip the front 90 degrees

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

16:

  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}))

19:

  20: //flip the back 90 degrees

  21: tl.append(TweenMax.to(flipper.back, flipSpeed, {rotationY:0, ease:Linear.easeNone}))

22:

  23: //basic button code

  24: flip1_mc.addEventListener(MouseEvent.CLICK, flip1);

25:

  26: function flip1(e:MouseEvent){

  27: // play to the beginning of the timeline

  28:     tl.tweenTo(0);

  29: }

30:

  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: }

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