Как в GSAP отслеживать конец анимации?

Question

[DaniilPo]

Добрый день, мне нужно выполнить функцию после произведённой анимации
использую плагин MotionPathPlugin

Answer 1

[godsplane]

https://greensock.com/docs/v3/GSAP/Tween/eventCall...

Comments

[DaniilPo]

если правильно понял у меня получается подобный код

var airo;
function traiktorija() {

    gsap.registerPlugin(MotionPathPlugin);
    gsap.set(".airoplain2", {scale: 0.5, autoAlpha: 1});
    airo = gsap.to(".airoplain2", {
        duration: 10,
        ease: "power1.inOut",
        immediateRender: true,
        motionPath: {
            path: "#path",
            align: "#path",
            alignOrigin: [0.5, 0.5],
            autoRotate: 90
        }
    });
}


airo.eventCallback("onComplete", hideairo);

function hideairo(){
	console.log("yes");
}

но появляется ошибка:
Cannot read properties of undefined (reading 'eventCallback')

что я не так делаю?

[godsplane]

Если так писать то тоже? onComplete: () => console.log(1) ?

[DaniilPo]

godsplane, так работает, но он выводит 1 в начале анимации а мне нужно осуществить вызов функции после анимации

[DaniilPo]

godsplane, всё заработало спасибо вам, но по какой-то причине функция вызывается 4 раза, с чем это может быть связано?