开发者社区> meteoric> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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+ 才能打开)

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

相关文章
An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
0 0
An动画优化之遮罩层动画
An动画优化之遮罩层动画
0 0
翻牌动画(CocosCreator)
翻牌动画(CocosCreator)
0 0
有关卡片动画的解读
有关卡片动画的解读
0 0
echarts柱状图横(x)轴文字显示不全,一招解决
echarts柱状图横(x)轴文字显示不全,一招解决
0 0
鼠标悬停图片分享按钮动画
在线演示 本地下载
471 0
jQuer插件满屏气泡飘落动画效果
飘落动画效果插件引用: 注意:需要引用jQuery,要在插件之前引用安装。 1 // 当窗口尺寸改变时重新执行函数,避免出现不好的用户体验 2 // 因比较消耗cpu,本站没有采用这种方式 3 function floated(){ 4 $(document).
1034 0
第41天:匀速、缓动运动和图片无缝滚动
一、匀速运动和缓动运动 缓动运动公式:leader=leader+(target-leader)/10;//leader为初始值0,target为结束值,10可以改变,值越大,速度越慢 1 DOCTYPE html> 2 3 4 5 运动 6 7 .
564 0
1.CCProgressTo进度动作,条形进度条,扇形进度条
 1 Bar形进度 CCSprite * proBack = CCSprite::create("barback.png"); proBack->setPosition(ccp(winSize.width/2 - 100,winSize.height/2)); addChild(proBack); CCProgressTimer
843 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
3D动画的菜谱式灯光与云渲染
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载