React Three Fiber (R3F) - The Basics

In this video we will be exploring the world of 3D development using the React Three Fiber (R3F) library, which is built on top of ThreeJS. 👨‍💻 Looking for a web developer job, visit: 👽 Discord - ⏳ Timestamps 0:00:00 - Introduction 0:02:25 - Installing and Setting up 0:07:23 - Canvas 0:08:13 - Creating a Box 0:11:44 - Lighting 0:14:10 - Positioning Mesh 0:21:21 - Grouping 0:22:32 - Animation 0:33:06 - Other Geometries 0:43:30 - Interactions 0:49:52 - Drei 0:58:05 - Helpers 1:02:30 - Leva 👋 Come say Hi X - 👾 Source Code - 🗞️ Useful Links R3F Docs: ThreeJS: #manual/en/introduction/Creating-a-scene Drei: https://github
Back to Top