Particle Morph Animation

In this project, I created a cool 😎 scroll-based animation on a webpage using Three.js, React Three Fiber and GLSL.

At the top of the page, you'll see a wave 🌊 made of tiny particles.

As you scroll down, the wave gradually changes shape, eventually turning into a globe, or Earth 🌍, also made of those same particles.

This transformation is powered by special code (GLSL shaders) that controls how the particles move and change. The whole effect is smooth and interactive, responding to how you scroll, making the animation feel more alive and engaging ✨.

Links :

• Live Link
• GitHub

I also created an earlier version of this animation. If you're interested, you can check it out on my GitHub—link below.

• GitHub (Old version)