Regarding glitch in rotation of image in 3D by GSAP

[saar_thack]

Hello Team GSAP,

Through this message I just want little help in my piece of code, I am facing a lagging problem while rotating an image in 3D.

 

I'll be grateful if you help me to solve this problem. 

 

See the Pen bGYavRR by saar_thack (@saar_thack) on CodePen

[OSUblake]

Welcome to the forums @saar_thack

 

I'm not sure I see any lagging besides the images taking forever to load. If there is lag, it just means you are making the browser do to much work. GSAP codes only might be only 2% of the work load, the other 98% would be the browser changing stuff. Adding will-change can help sometimes, but it looks like you are doing that.

 

 

 

[saar_thack]

Thanks for replying @OSUblake

I think this is not a issue of browser or system, I've already tried it in multiple browser and in multiple system. The main problem is not loading of image my problem is when I rotate multiple image one after another then there some issue arise.

 

I hope we'll figure it out.

[OSUblake]

It's buttery smooth on everything I tried, even my phone. 🤷‍♂️

 

Anyone else seeing a lag?

[saar_thack]

Thanks for replying @OSUblake

I think this is not a issue of browser or system, I've already tried it in multiple browser and in multiple system. The main problem is not loading of image my problem is when I rotate multiple image one after another then there some issue arise.

 

I hope we'll figure it out.

[akapowl]

4 hours ago, OSUblake said:

It's buttery smooth on everything I tried, even my phone. 🤷‍♂️

 

Same for me.

[saar_thack]

@OSUblake and @akapowl I think you should revisit the website, You'll definitely find out the issue while rotating the image when it comes from y-axis and rotate around z-axis . I've already tried it in multiple systems but the problem is same .

[elegantseagulls]

7 hours ago, OSUblake said:

It's buttery smooth on everything I tried, even my phone.

Animations are all smooth for me as well--no lag on my end.

[GreenSock]

Super smooth even on my phone 🤷‍♂️

[OSUblake]

3 hours ago, saar_thack said:

I think you should revisit the website, You'll definitely find out the issue while rotating the image when it comes from y-axis and rotate around z-axis

 

I did and I'm still not seeing it. The only thing I can really suggest trying at the moment is to do this after creating your timeline.

 

tl.progress(1).progress(0);