gsap on requestAnimationFrame(), how to optimize?

[nishaant]

Quote

 

requestAnimationFrame(animate); //will run on every 0.016 sec

function animate(){

gsap.from(heart.scale, { x: 2, y: 2, duration: 0.100}) //will run for 0.100 sec i.e. longer than next requestAnimationFrame()

}

 

 

so my gsap duration is longer than next requestAnimationFrame(), lets say 2secs

 

my ques:

1. will it destroy my program in long run?
2. should i bother about it and optimize it?
3. will it create multiple gsap threads?
4. how to optimize/destroy old gsap in next requestAnimationFrame?

Edited April 8, 2021 by nishaant

[ivan.popelyshev]

Why do you need multiple gsap threads?

Also , that's how you use single RAF for both pixi and gsap: https://pixijs.io/examples/#/gsap3-interaction/gsap3-tick.js , and there are other examples. Please read them and then make question more understandable