whizbbig Posted April 8 Share Posted April 8 I've created this hacker effect by watching hyperplexed tutorial very great man! and did some additions to make it work on next.js fortunately!. but it sucks! whenever this animation on play it lags the whole site!, so thats why i stumble like is there a way to create this using gsap?? useGSAP hook possibly?? Here's the demo!! I've created https://stackblitz.com/edit/stackblitz-starters-n4ap3a?file=app%2Fpage.tsx Link to comment Share on other sites More sharing options...
GreenSock Posted April 8 Share Posted April 8 That looks like exactly what ScrambleTextPlugin does: https://gsap.com/docs/v3/Plugins/ScrambleTextPlugin It's a membership benefit of Club GSAP, just so you know. 👍 Link to comment Share on other sites More sharing options...
whizbbig Posted April 8 Author Share Posted April 8 4 minutes ago, GreenSock said: That looks like exactly what ScrambleTextPlugin does: https://gsap.com/docs/v3/Plugins/ScrambleTextPlugin It's a membership benefit of Club GSAP, just so you know. 👍 I've looked it do you have a demo to share!! where we can make it more smooth?? I would like to see the difference and how more great we can achieve with GSAP! this will really like very great to go for membership benefits. Link to comment Share on other sites More sharing options...
GreenSock Posted April 8 Share Posted April 8 There's a demo on the docs page I linked you to already. You can try the plugin for FREE on CodePen, Stackblitz, etc. See https://gsap.com/trial I'm not sure what you mean by "...where we can make it more smooth??" 🤷♂️ Link to comment Share on other sites More sharing options...
whizbbig Posted April 8 Author Share Posted April 8 3 minutes ago, GreenSock said: There's a demo on the docs page I linked you to already. You can try the plugin for FREE on CodePen, Stackblitz, etc. See https://gsap.com/trial I'm not sure what you mean by "...where we can make it more smooth??" 🤷♂️ sorry if you felt bad from my statement, sorry sorry. by smooth i mean this https://zkpass.org/ if you can hover to the nav links!! you can see that is very smooth and light! right? Link to comment Share on other sites More sharing options...
Rodrigo Posted April 8 Share Posted April 8 Hi, We have this Stackblitz starter templates that loads all the bonus plugins: https://stackblitz.com/edit/stackblitz-starters-lq58ww?file=package.json,app%2Fpage.tsx Also I knew I've seen something like that in the forums before, but it took me a bit to find it, check this thread and the demo the user posts: Hopefully this helps. Happy Tweening! 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