Кадры GSAP в секунду (fps) меняются onStart () и onComplete () - PullRequest
0 голосов
/ 02 мая 2019

Я работаю над приложением HTML, которое работает на встроенном устройстве. Существует анимация GSAP с использованием TweenLite. Для повышения производительности я хотел бы сделать некоторые изменения в кадре в секунду анимации. Для плавной анимации мне нужно fps(40), и как только анимация будет завершена, я хотел бы изменить fps на fps(0).

TweenLite.to($(element), 0, {
    scale: 0.95,
    opacity: 0,
    onStart: function () {
        TweenLite.ticker.fps(40);
    },
    onComplete: function () {
        $(element).css("transform", "none");
        done();
        TweenLite.ticker.fps(0);
    }
});

Но анимация всегда принимает fps (0). onStart TweenLite.ticker.fps(40); не работает. Вместо onStart я тоже попробовал, как показано ниже.

TweenLite.ticker.fps(40);
TweenLite.to($(element), 0, {
    scale: 0.95,
    opacity: 0,
    onComplete: function () {
        $(element).css("transform", "none");
        done();
        TweenLite.ticker.fps(0);
    }
});

У кого-нибудь есть идеи по этому поводу? Заранее спасибо!

...