blizve0 Posted September 19, 2021 Share Posted September 19, 2021 Hello Everyone I Want a Jelly Blob which Follows the Mouse and Squuezes and Rotates To Match the Mouse Move Direction The Probelm is The When The Angle of Rotation Switches from 0 to 180 or -180 or from -180 to Positive, The Jelly Blob Changes Direction Suddenly Giving a Jittery And Bad Animation. You can test this out by just Following the Mouse in a Circular Motion, and The Jelly Blob will keep Switching Direction . If Anyone Can Fix This it Would be very Helpful Thanks In Advance. See the Pen bGRvvOe by blitzve0 (@blitzve0) on CodePen Link to comment Share on other sites More sharing options...
Solution GreenSock Posted September 20, 2021 Solution Share Posted September 20, 2021 Perhaps just add "_short" to your rotation values to tell GSAP to animate in the shortest direction: See the Pen YzQabVQ?editors=0010 by GreenSock (@GreenSock) on CodePen Is that what you're looking for? 5 Link to comment Share on other sites More sharing options...
blizve0 Posted September 20, 2021 Author Share Posted September 20, 2021 Love You Brother 😍😍😍 I Never Thought I actually Would Find a Solution on the Forum ♥♥♥♥ 1 Link to comment Share on other sites More sharing options...
GreenSock Posted September 20, 2021 Share Posted September 20, 2021 6 minutes ago, blizve0 said: I Never Thought I actually Would Find a Solution on the Forum ♥♥♥♥ Hey, these forums are pretty awesome if I do say so myself Glad it was helpful. 🙌 1 Link to comment Share on other sites More sharing options...
PhilippeUn Posted January 31, 2022 Share Posted January 31, 2022 Hello all! Is there a ready to use solution for vue/nuxt? Would love to use the JellyBlob in my projects, but I'm struggling with 'useEffect' and 'useState' which comes from react. Link to comment Share on other sites More sharing options...
Cassie Posted January 31, 2022 Share Posted January 31, 2022 Hi Phillipe, This is someone's code/design, not really a 'ready to use' GSAP effect - If you'd like to use it I would suggest asking @blizve0 for their permission. Beyond that, you'll have to work out the implementation yourself, unless they're feeling extra generous. Good luck! 1 1 Link to comment Share on other sites More sharing options...
blizve0 Posted March 8, 2022 Author Share Posted March 8, 2022 On 1/31/2022 at 7:47 PM, PhilippeUn said: Hello all! Is there a ready to use solution for vue/nuxt? Would love to use the JellyBlob in my projects, but I'm struggling with 'useEffect' and 'useState' which comes from react. HI Brother, I'm not familiar with any of those languages, if you could use another state managment system instead of useState to store all the animation data and just add gsap code to a function which works on some type of mount based functionality, or if you are having trouble, i found this package which allows for useState useEffect usage in Vue https://www.npmjs.com/package/vue-hooks I hope this solves your problem 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