React Three Fiber (R3F) - The Basics
rithmic rithmic
13K subscribers
44,478 views
0

 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

show more

Share/Embed