GSAP repeatDelay Array?

Question

저는 현재 자유 시간을 조금 배우고 GSAP (Greensock Animation Platform)을 탐험하고 있습니다. 그리고 하나의 특정 반복 요소에 대해 값의 배열을 가질 수 있는지 궁금합니다. 이것이 내 Tween의 모습입니다.

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

지금 나는 그것이 "깜박"요소를 가질 수 있는지 궁금 3 초간 정지했다가있어, 다시 깜박하고 다시 깜박하기 전에 0.5 초 일시 정지를 한 후 반복한다. 문서를 살펴 봤지만 관련성이없는 것 같지 않습니다. GSAP에서 할 수있는 일입니까, 아니면 JS로 탈출해야합니까?

감사합니다!

Answer 1

물론 3 초 간격으로 타임 라인에 2 개의 트윈을 만들고 전체 타임 라인을 반복하고 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});