Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
blizve0

Animation is Jittery

Go to solution Solved by OSUblake,

Recommended Posts

Hi , Finally I have Achieved my Desired Animartion but is Jittery Most of the Time.

Any Help In Performance and Smoothness Please :)

See the Pen bGRvvOe by blitzve0 (@blitzve0) on CodePen

  • Like 1
Link to comment
Share on other sites

  • 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

Awesome!

Link to comment
Share on other sites

Hi @blizve0

 

Here's a fork of your demo with some custom hooks, which should optimize it tad bit more.

 

See the Pen BaZEyoz by GreenSock (@GreenSock) on CodePen

 

  • Like 4
  • Thanks 1
Link to comment
Share on other sites

Wow 😃 It's Like a Bullet Train Now. I'm in 😍 with the GSAP Community, I'm Getting Such Good Help for Free

  • Like 2
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.
×