TWEENMAX - 콜백함수

콜백함수

• onInit : 애니메이션(Tween)이 시작되기 바로 전에 함수를 호출
  onStart와 별 차이가 없지만, 당연히 onStart 보다 빨리 호출됨
• onStart : 애니메이션(Tween)이 시작할 때 함수를 호출
• onComplete : 애니메이션(Tween)이 종료되었을 때 함수를 호출
• onUpdate : 애니메이션(Tween)이 계속 진행되는 동안 호출
  해당 함수는 사용빈도가 낮으므로, 예제는 만들지 않고 위에 콜백 함수 설명으로 대신합니다.
• onRepeat : 애니메이션(Tween)이 반복될 때마다 호출
  해당 콜백 함수는 사용빈도가 낮으므로, 예제는 만들지 않고 위에 콜백 함수 설명으로 대신합니다.
• onReverseComplete : 애니메이션(Tween)이 반전(Reverse) 된 후 모션이 완료되었을 때 호출 (사용빈도 낮음)
• Event(함수) + Params : 애니메이션(Tween) 중 호출하고자 하는 함수 뒤에 Params 파라미터를 붙여 줄 수 있습니다.

$(function(){
          gsap.to('.tweenbox', 3, {
              onInit: motionOnit
          });
 
          function motionOnit() {
              alert('GSAP Tween 콜백함수 시작 전'); //Tween이 시작되기 바로 전에 호출
          }
      });