greensock 타임 라인을 가속화하는 방법은 무엇입니까?

Question

HTML

<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 

CSS

.box{ 
    width: 50px; 
    height: 50px; 
    background: rgb(107,127,125); 
    border: 1px solid rgb(174,77,61); 
    display: block; 
} 

JS는

var tl = new TimelineMax(); 
tl.staggerTo($(".box"), 1, {x: "200px"}, 0.4); 

나는 점차 상자를 오른쪽으로 애니메이션되는 속도를 증가합니다. 예 : = 1 초

상자

1. 상자 애니메이션 지속 시간 = 등 0.8S
2. 상자 = 0.78s,

나는 상자를 통해 루프를 할 수 알고 다른 기간을 지정 각각을 위해, 그러나 이것을하는 더 효율적인 방법이 있습니까?

그렇지 타임 라인의 각 트윈에, 타임 라인 자체에

ease: Bounce.easeOut 

같은 미리 정의 된 용이성을 적용 할 수 있습니까?

FIDDLE

Answer 1

각 비틀 후 타임 라인을 가속화 timeScale()를 사용할 수 있습니다. 여기에 an example이 있습니다.

function tweenComplete() { 
    scale += 1; 
    tl.timeScale(scale); 
}