开发者社区> meteoric> 正文

as3翻牌动画

简介:     ---------------------------------------------------- 主要利用了rotationY属性来进行处理,Pseudocode: 1: import com.
+关注继续查看

 

 

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

主要利用了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+ 才能打开)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
有关卡片动画的解读
有关卡片动画的解读
81 0
鼠标悬停图片分享按钮动画
在线演示 本地下载
595 0
An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
34 0
1.CCProgressTo进度动作,条形进度条,扇形进度条
 1 Bar形进度 CCSprite * proBack = CCSprite::create("barback.png"); proBack->setPosition(ccp(winSize.width/2 - 100,winSize.height/2)); addChild(proBack); CCProgressTimer
1093 0
翻牌动画(CocosCreator)
翻牌动画(CocosCreator)
153 0
页面动画
页面动画
13 0
轻松教你搞定组件的拖拽, 缩放, 多控制点伸缩和拖拽数据上报
最近笔者专注于研究可视化搭建平台的解决方案, 分析了很多拖拽组件和页面动态化技术, 也在 H5-Dooring 项目中做了很多技术实现, 包括:
251 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
3D动画的菜谱式灯光与云渲染
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载