트윈 개체를 생성하려면 다음과 같이 TweenMax.to() 또는 TweenMax.from() 함수를 사용합니다.

// 요소를 오른쪽으로 200px 움직이는 트윈 생성
let tween = TweenMax.to("#myElement", 0.5, { x: "200px" });

// 요소를 투명도가 0에서 1로 변경하는 트윈 생성
let tween = TweenMax.from("#myElement", 0.5, { opacity: 0 });

트윈 개체에는 다양한 조작 메소드를 사용할 수 있습니다. 몇 가지 일반적인 메소드와 사용 예제는 다음과 같습니다.

• play(): 트윈을 실행합니다.

  tween.play();
  

• pause(): 트윈을 일시 정지합니다.

  tween.pause();
  

• reverse(): 트윈을 반대 방향으로 실행합니다.

  tween.reverse();
  

• restart(): 트윈을 처음부터 다시 실행합니다.

  tween.restart();
  

• kill(): 트윈을 중지하고 삭제합니다.

  tween.kill();
  

트윈 개체를 생성하고 조작하는 방법에 대한 더 많은 정보는 TweenMax 문서를 확인하십시오. 그곳에서 다양한 옵션과 메소드를 찾을 수 있을 것입니다.