Jump to content
Search Community

Animation is Jittery

blizve0 test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts

  • Solution

Love your animation 🔥🔥🔥

 

I don't see any jittering. What kind of device are you using?

 

Just from a cursory glance at your code, it looks like you are creating a bunch of tweens on every mouse move and on every animation frame. You are also selecting elements on every animation frame, which is just additional work that must happen.

 

If possible, I would try to find a way to replace your tweens with gsap.quickSetter.

https://greensock.com/docs/v3/GSAP/gsap.quickSetter()

 

You might also want to try it without using blend modes.

 

If that doesn't give you the results you want, you may have switch to using canvas.

 

  • Like 2
Link to comment
Share on other sites

*Update : Instead of Usng getElById, used React Refs and the QuickSetter Function is Amazing, The Performance Issue is Now Solved, Thank You Again*

 

 I'll try to Test the Mods you Suggested.

 

I'm Using it on a Desktop intel i3-550 8gb Ram 4Gb Swap ,Nvidia GT710, Pop OS, Maybe this is working fine on Faster PCs

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...