gsap tween overwrite 속성

* overwrite (int, boolean, option)

한개의 타겟에 여러가지 tween을 추가하고자 할때 어떻게 작동할 것인지? (트윈을 덮어씌울지)

 

 

 

[0] - none, false

어떠한 것도 덮어 씌우지 않습니다, 겹치는 tween이 없도록 주의해야 합니다.

 

[1] - all, true

같은 target에 대한 tween이 새로 정의될 때 이전의 tween을 자동으로 제거하고 새로 적용된 tween만 실행한다.

 

[2] - auto

새로 생성된 tween과 이전에 생성된 tween과 비교하여 중복되는 tween값만 새로 적용된 tween값으로 바꿔준다.

 

[3] - concurrent

tween이 처음 렌더링 될 때 충돌하는 속성이 있는지 여부와 상관없이 동일한 대상의 활성화된 tween만 죽인다.

all과 auto의 혼합과 같음

한번에 하나의 tween이 대상을 제어하기를 원할때 좋다.

 

[4] - allOnStart
all과 동일하지만 트윈이 시작될때까지 지연 후 덮어씌운다.

 

[5] - preexisting

렌더링시 예정된 시작시간에 상관없이 tween이 만들어지기 전에 존재했던 동일한 tween을 죽인다.

코드 실행순서가 중요한 역할을 할 때 유용하다.

 

 

 

 

reference

gsap forums - 14789