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

目录
相关文章
LocalDateTime的全局自定义序列化
LocalDateTime的全局自定义序列化
|
7月前
|
缓存 监控 NoSQL
Redis--缓存击穿、缓存穿透、缓存雪崩
缓存击穿、缓存穿透和缓存雪崩是Redis使用过程中可能遇到的常见问题。理解这些问题的成因并采取相应的解决措施,可以有效提升系统的稳定性和性能。在实际应用中,应根据具体场景,选择合适的解决方案,并持续监控和优化缓存策略,以应对不断变化的业务需求。
1393 29
|
前端开发 Ruby
行内元素有哪些?块级元素有哪些?行内块元素有那些?
行内元素有哪些?块级元素有哪些?行内块元素有那些?
227 0
|
域名解析 存储 缓存
在Linux中,DNS进行域名解析的过程是什么?
在Linux中,DNS进行域名解析的过程是什么?
|
开发工具 git
git如何不上传指定的文件或文件夹
【7月更文挑战第9天】平时写代码的时候有很多测试文件或者静态文件,没必要上传到git上,不仅占资源更新还麻烦,以下介绍如何忽略不需要上传的文件或文件夹。
1089 8
|
前端开发 UED 容器
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
掌握内边距、外边距、边框的使用场景与用掌握内边距、外边距、边框的使用场景与用法
|
NoSQL 网络协议 Redis
Redis从入门到精通之Redis事件机制详解
Redis采用事件驱动机制来处理大量的网络IO,这是Redis实现高性能的关键之一。Redis并没有采用成熟的开源方案如libevent或libev,而是自己实现了一个非常简洁的事件驱动库ae_event。
987 112
Redis从入门到精通之Redis事件机制详解
|
机器学习/深度学习 算法 计算机视觉
YOLOv5改进 | 损失函数 | EIoU、SIoU、WIoU、DIoU、FocusIoU等多种损失函数
💡💡💡本专栏所有程序均经过测试,可成功执行💡💡💡
|
JavaScript 前端开发 开发者
【Flutter前端技术开发专栏】Flutter中的Widget与状态管理
【4月更文挑战第30天】本文探讨了Flutter的Widget和状态管理。Widget是Flutter构建UI的基础,分为有状态和无状态两种。状态管理确保UI随应用状态变化更新,影响应用性能和可维护性。文章介绍了`setState`、`Provider`、`Riverpod`、`Bloc`和`Redux`等状态管理方法,并通过计数器应用展示了其实现。选择合适的状态管理策略对高效开发至关重要。
236 0
【Flutter前端技术开发专栏】Flutter中的Widget与状态管理
uniapp上传图片功能怎么实现?
uniapp上传图片功能怎么实现?