Question

我正在尝试使用某个偏移量在时间轴内播放每个Tween。

这是我开始时间线的方式：

const tl = new TimelineLite({
  onComplete: playReverse,
  onReverseComplete: play,
  stagger: 5
});

稍后我将我的补间添加到时间轴，将数组传递给.add（）方法。

tl.add(tweensForTl);

播放时间轴时，所有补间同时开始... 有什么建议或想法吗？

Answer 1

很难从您发布的有限代码中判断出来，但您可以使用其中一种交错方法，例如staggerTo（），其第四个参数是“交错”数量（开始时间之间的数字，以秒为单位））。这可能是最简洁的方式。

但要严格回答你的问题，你可以这样做：

tl.add(tweensForTl[0]); //add the first one at the end (no delay)
for (var i = 1; i < tweensForTl.length; i++) {
    tl.add(tweensForTl[i], "+=5"); //add a 5 second delay before the start of each subsequent one
}

如果您还没有看到这个，可能会有所帮助：http://greensock.com/position-parameter

GSAP：尝试在时间轴中错开Tween

1 个答案: