React Three Fiber & Three.js - Lights Explained

Hi there 🙋‍♂️ In this video you'll learn how to implement all the available lights in three.js using react three fiber! This will get you started and allow you to use the lights in your own scene. There is, however, much more to tell about lights, so stay tuned for that or check out the original three.js documentation already! 🎉 -- This channel is meant to help you start developing 3D websites. The videos are meant to be short and educational. Make sure to subscribe in case you want to learn more about developing 3D websites! --- 🔗 LINKS MENTIONED IN THE VIDEO 3️⃣ Starting code: https://github.com/sjoerdvanBommel/threeveloper/tree/base-code-v2 3️⃣ Final code of this video: https://github.com/sjoerdvanBommel/threeveloper/tree/010-lights-explained --- 🔗 OTHER VIDEOS 3️⃣ React Three Fiber & Three.js - Materials Explained 🔮: https://www.youtube.com/watch?v=coc0DxZtMKc 3️⃣ Learn to debug your UI real time using LEVA: https://www.youtube.com/watch?v=FQ_CIS2YJxA 3️⃣ React Three Fiber & Three.js - Textures Explained: https://www.youtube.com/watch?v=J5Pd9vy9hOw --- 📫 CONTACT ME 3️⃣ GitHub: https://github.com/sjoerdvanBommel 3️⃣ Instagram: https://www.instagram.com/threeveloper/ 3️⃣ Twitter: https://twitter.com/threeveloper 3️⃣ LinkedIn: https://www.linkedin.com/in/sjoerd-van-bommel-8a232914a/ 3️⃣ Discord: Threeveloper#6584 --- ⏲ TIMESTAMPS 0:19 Introduction 2:05 AmbientLight Explained 2:41 HemisphereLight Explained 3:03 DirectionalLight Explained 4:26 PointLight Explained 4:50 SpotLight Explained 6:28 RectAreaLight Explained --- Music by Coma-Media: shorturl.at/tyCEF ❌ DON'T CLICK HERE https://shorturl.at/mqtCR Got you there ;) #threejs #webgl #reactthreefiber #3d #webdevelopment #frontend #javascript