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