旋转木马组件——很多有关于照片的网站都是用过这种类似的效果

具体进入这个网址: 、

http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/

里面有demo 和该组件的下载链接 http://dougmccune.com/flex/coverflow/flexcontrols/srcview/index.html

 

 

 

自己所想的原理:

 

我们来剖析一下这个flash 旋转木马 :

 

第一步:只考虑中心点

 

不考虑照片自身绕Y轴的转动 ,也就是说我们只关注照片的中间点  !我们可以发现这些照片的中心点是在圆(或者椭圆) 的轨迹上运动!所以 我们只需要控制他们的中心点在该轨迹上九完成了第一步!

 

 

第二步:

 

当我们点击照片时,所有的照片的中心点都要在轨迹上移动一定的距离! 这我们可以通过控制照片的中心点和圆(或者椭圆)

的中心点的连线   所成的  圆心角  控制

 

第三步:

 

让我们观察单个照片的旋转,  当照片出现在舞台的正中央时平放置的,不在舞台中间时 照片有一个rotationY的角度  所以我们可以通过TweenLite  来控制照片的旋转

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值