Я работаю над приложением 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);
}
});
У кого-нибудь есть идеи по этому поводу? Заранее спасибо!