Published On Oct 4, 2023
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: https://www.webdevjobs.io/
👽 Discord - / 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 - / rithmio
👾 Source Code
- https://github.com/sixfwa/threejs-basics
🗞️ Useful Links
R3F Docs: https://docs.pmnd.rs/react-three-fibe...
ThreeJS: https://threejs.org/docs/index.html#m...
Drei: https://github.com/pmndrs/drei
#ReactJS #R3F #WebGL