Back to videos

Recreating Atmos 3D Website with React Three Fiber: Part 3 - Effects

In this third part, we will:

  • Set the final text sections

  • Animate the camera and slow the movement speed when we're close to text sections

  • Add gradient colors animations with GSAP

  • Set the final clouds

  • Add fading effect on clouds, texts and the curve

  • Add noise postprocessing effect

Need help with this tutorial? Join our Discord community!