Recreating Atmos 3D Website with React Three Fiber: Part 2 - Environment Map

Let&try to reproduce the Atmos website using threejs and React Three Fiber. In this second part, we will: - Add set the lighting effects with the Environment component from Drei (cubeMap/envMap) - Fix our curve scroll / rotation - Add 2D text in our 3D scene At this point, we finished the setup phase of this project. It starts looking good and all the things we will do in the next part will make it look incredible! Get the starter pack here ? ▬▬▬▬▬▬ Useful L I N K S ? ▬▬▬▬▬▬ My complete course to learn React Three Fiber Demo Final source code Text Environment Cubemap Original Atmos Website React Three Fiber documentation R3F Drei Models 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 - Intro 00:26 - Adding text to the scene 01:33 - Minor adjustments 01:55 - Better curve, scroll & rotation 05:33 - Scene lighting envMap 07:18 - Part 2 progression 07:40 - Coming next ▬▬▬▬▬▬ Support the channel ? ▬▬▬▬▬▬ Become a member to get access to awesome perks: ▬▬▬▬▬▬ Connect with me ? ▬▬▬▬▬▬ ? The Discord Community ? Instagram : ? Facebook : ?Twitter : ?TikTok : ? My website :