blizve0 Posted September 30, 2021 Share Posted September 30, 2021 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 2 Link to comment Share on other sites More sharing options...
Solution OSUblake Posted September 30, 2021 Solution Share Posted September 30, 2021 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. 2 Link to comment Share on other sites More sharing options...
blizve0 Posted October 1, 2021 Author Share Posted October 1, 2021 *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 More sharing options...
OSUblake Posted October 1, 2021 Share Posted October 1, 2021 Awesome! Link to comment Share on other sites More sharing options...
OSUblake Posted October 1, 2021 Share Posted October 1, 2021 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 6 1 Link to comment Share on other sites More sharing options...
blizve0 Posted October 5, 2021 Author Share Posted October 5, 2021 Wow 😃 It's Like a Bullet Train Now. I'm in 😍 with the GSAP Community, I'm Getting Such Good Help for Free 2 Link to comment Share on other sites More sharing options...
NickWoodward Posted October 6, 2021 Share Posted October 6, 2021 That's a really cool animation 👍 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now