Video: Drei
React 3D
Released:
Instructor
Scott Tolinski
-
1. Intro To React 3D
1m31s
-
2. Understanding ThreeJS Concepts
13m47s
-
3. Understanding React Three Fiber
10m25s
-
4. Hello Cube
18m44s
-
5. Orbit Controls
10m14s
-
6. React Events and State
undefined
-
7. useFrame For Animations
9m33s
-
8. React Spring For Animations
9m34s
-
9. Primitives
13m31s
-
10. Materials
14m40s
-
11. Lights Part 1
12m18s
-
12. Lights and Shadows
10m34s
-
13. Drei
12m46s
-
14. React Three GUI
13m37s
-
15. useLoader and Image Textures
6m11s
-
16. Bump Maps and Displacement Maps
15m35s
-
17. Instanced Mesh Part 1
19m37s
-
18. Instanced Mesh Animations
10m9s
-
19. Loading A 3D Model
12m8s
-
20. Integrating Three Fiber Into A Page
4m26s
-
21. Landing Page With 3D
9m18s
-
22. Where To Go From Here
7m29s
Drei
Now we will talk about Drei, a collection of helpers and abstractions for React Three Fiber.
UPDATED (v.5.2.1)
npm install @react-three/drei
Import usage:
import { ... } from '@react-three/drei'
https://www.github.com/react-spring/drei