Question

使用GSAP，我想创建一个TweenLite或TweenMax对象，该对象在多个不同的对象上执行不同的动画（旨在并行播放）。

如何做到这一点？我只看到allTo在多个对象的数组上应用相同的动画。

获取一个补间非常重要，因为我需要将它传递给ScrollMagic。

我认为我也可以使用TimelineLite或TimelineMax来执行此操作，因为ScrollMagic可以正常使用。

var timeline=new TimelineMax();
timeline.to(object1, duration, animation1, 0);
timeline.to(object2, duration, animation2, 0);
timeline.to(object3, duration, animation3, 0);

但是，是否可以纯粹使用TweenLite或TweenMax？或者时间轴是唯一的出路？

Answer 1

如果你只是使用TweenMax而不是TimelineMax ..那么你可以使用method chaining和chain你的补间使用TweenMax

使用TimelineMax可以让您获得更大的控制权。

您也可以使用TimelineMax构造函数链接：

 var timeline = new TimelineMax().to(object1, duration, animation1, 0)
                                 .to(object2, duration, animation2, 0)
                                 .to(object3, duration, animation3, 0);

或者就像你正在做的那样，但是用链接：

 var timeline = new TimelineMax();
 timeline.to(object1, duration, animation1, 0)
         .to(object2, duration, animation2, 0)
         .to(object3, duration, animation3, 0);

有关详细信息，请参阅TweenMax文档：http://greensock.com/docs/#/HTML5/GSAP/TweenMax/

具有不同动画的多个对象上的一个Tween对象

1 个答案: