javascript - GSAP 重复延迟数组？

Question

所以我目前正在花一些空闲时间学习和探索 GSAP(Greensock 动画平台)。我想知道是否可以为一个特定的重复元素提供一组值。这就是我的 Tween 的样子；

TweenMax.from(blink, 0.2, {repeat: -1, scale: 0, ease: Power1.easeInOut, repeatDelay: 3});

现在我想知道是否可以让元素“闪烁”，暂停 3 秒，再次闪烁，然后在再次闪烁之前暂停 0.5 秒，然后重复。我查看了文档，但似乎找不到任何相关内容，这是我可以使用 GSAP 做的事情还是我必须转向 JS？

谢谢!

Answer 1

当然，您可以在时间轴中创建 2 个相隔 3 秒的补间，然后重复整个时间轴并将其重复延迟设置为 0.5。这是你想要的效果吗？: https://codepen.io/GreenSock/pen/a99e84eaba6f2e358801bbf02ffcf41d?editors=0010

var tl = new TimelineMax({repeat:-1, repeatDelay:0.5});
tl.from("#blink", 0.2, {scale:0, ease:Power1.easeInOut})
  .to("#blink", 0.2, {scale:0, ease:Power1.easeInOut}, "+=3");

有专门讨论 GSAP 的论坛，网址为 https://greensock.com/forums/如果您想获得更多帮助(我们通常会很快回复)。

补间快乐!