GSAP 重复延迟数组？

Question

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

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

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

谢谢！

Answer 1

当然，您可以只在时间轴上创建 2 个间隔 3 秒的补间动画，然后重复整个时间轴并将其 repeatDelay 设置为 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");

在 https://greensock.com/forums/ 上有专门针对 GSAP 的论坛，如果您想获得更多帮助（我们通常会很快回复）。

补间快乐！

Answer 2

我试图为任何感兴趣的人实现的效果：

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

GSAP 重复延迟数组？

GSAP repeatDelay Array?

javascript

arrays

repeat

gsap