React Three Fiber (R3F) - The Basics
rithmic rithmic
13.4K subscribers
47,327 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