TweenMax에서 애니메이션의 시작과 종료 이벤트를 감지하는 방법은 onStart과 onComplete 콜백 함수를 사용하는 것입니다.

// TweenMax 애니메이션 생성
var myAnimation = TweenMax.to(element, 1, { opacity: 0 });

// 애니메이션 시작 이벤트 감지
myAnimation.eventCallback("onStart", function() {
  console.log("애니메이션이 시작되었습니다.");
});

// 애니메이션 종료 이벤트 감지
myAnimation.eventCallback("onComplete", function() {
  console.log("애니메이션이 종료되었습니다.");
});

위의 예제에서 myAnimation 변수를 사용하여 TweenMax 애니메이션을 생성합니다. onStart 콜백 함수는 애니메이션이 시작될 때 호출되며, onComplete 콜백 함수는 애니메이션이 완료될 때 호출됩니다. 각 콜백 함수 내에서 원하는 동작을 정의할 수 있습니다.

이렇게하면 TweenMax를 사용하여 애니메이션의 시작과 종료 이벤트를 감지할 수 있습니다. 또한, TweenMax에는 onUpdate 콜백을 통해 애니메이션이 업데이트될 때마다 이벤트를 감지하는 기능도 있습니다.