Recreating Atmos 3D Website with React Three Fiber: Part 1 - Curved Path

Let&try to reproduce the Atmos website using threejs and React Three Fiber. In this first part, we will build the foundation to reproduce this beautiful 3D website. We&prepare our plane, clouds, and the curved line representing the path the plane follows while scrolling. At this point, the end result won&look quite close to the final result, but we need to start there and iterate to gradually make our project looking good and professional! Get the starter pack here ? ▬▬▬▬▬▬ Useful L I N K S ? ▬▬▬▬▬▬ My complete course to learn React Three Fiber Demo Final source code Models Lamina library documentation CatmullRomCurve3 ExtrudeGeometry React Three Fiber documentation R3F Drei Three.js Journey. I also have a discount code just for you to get -20% ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 00:00 - Final goal 01:18 - Setup 01:28 - Background 02:19 - Plane & Clouds 03:31 - Curve 04:57 - Scroll movement 06:57 - First part progression ▬▬▬▬▬▬ Support the channel ? ▬▬▬▬▬▬ Become a member to get access to awesome perks: ▬▬▬▬▬▬ Connect with me ? ▬▬▬▬▬▬ ? The Discord Community ? Instagram : ? Facebook : ?Twitter : ?TikTok : ? My website :