#Need help recreating this text animation

1 messages · Page 1 of 1 (latest)

broken vale
#

https://ghostkidz.co/

I'm looking to replicate the intro animation for the gold text where each letter flies in from off the screen to the stationary position. What's the best way to do this? I see that they imported the model for this text, and did not use FontLoader/TextGeometry, which I am currently using. Also, how can I see their three.js code? Did they use another tool to create this? Digging through the code, I see some links to shadertoy.com but I'm not sure if it's being used. Right click > Save as on the site, and opened the directory in VS Code, then reformatted the code, as it was minified/bundled. How would I "unpack" the files, if that's thing?

Superplastic | Ghost Kidz
Superplastic | Ghost Kidz

Be the first to sign up for new music and nightmare food

eternal ember
#

This was made with R3F, so using the React devtools may give a better depiction of what's going on here.

#

Looks like linear easing for these animations. Can do that with any animation library like gsap.