as3翻牌动画

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

主要利用了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: }

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小鹏的专栏

python调用Face++,玩坏了!

看到一句话,如果你写代码没有写诗一样的感觉,那你不适合做程序猿! 还是直接上代码吧: import requests from json import JSON...

2966
来自专栏along的开发之旅

创建Ripple山寨币

replace “masterpassphrase” with what you like.

1201
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(75)-微信公众平台开发-用户管理

前言 本节主要是关注者(即用户)和用户组的管理,微信公众号提供了用户和用户组的管理,我们可以在微信公众号官方里面进行操作,添加备注和标签,以及移动用户组别,同...

5546
来自专栏Java学习网

Java 语言版本整理,先到1.8版本,不全请补充

Java 语言版本 JDK 1.1.4 Sparkler 宝石 1997-09-12 JDK 1.1.5 Pumpkin 南瓜 1997-12-13 JDK 1...

2735
来自专栏程序员互动联盟

【android开发】Android GUI系统学习1:Gralloc

Gralloc模块是从Android Eclair(android 2.1)开始加入的一个HAL模块,Gralloc的含义为是Graphics Alloc(图形...

4755
来自专栏施炯的IoT开发专栏

Windows Mobile 6.5.3 Developer Tool Kit

    目前,微软正在花大量的人力物力财力做Windows Phone 7,而且据说以后会给出硬件平台配置需求,目前的Windows Mobile 6.x系列机...

1995
来自专栏有趣的django

21天打造分布式爬虫-下载汽车之家图片(九)

1293
来自专栏Albert陈凯

2018-09-17 Vagrant 启动报错

Stderr: VBoxManage.exe: error: VT-x is disabled in the BIOS for all CPU modes (V...

3982
来自专栏HansBug's Lab

算法模板——线性筛素数

实现功能:如题,筛出1——N内的所有素数 原理:如phile神犇所言,这次的才算是真正意义上的线性筛素数,其精髓在于if (i mod a[j])=0 then...

29312
来自专栏cs

万方数据库,文献下载的准备

 ###后来文献下载任务完成了 ,相关的代码,细节,介绍看这篇文章 https://www.jianshu.com/p/134530b46a65

5375

扫码关注云+社区

领取腾讯云代金券