Video: Hello Cube
React 3D
Released:
-
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
Hello Cube
Now that we have an understanding of how 3d objects are made, it is time to dive into code. We will start off by setting up a Create React App project so that we can make our first “Hello Cube.”
npx create-react-app 3d
npm install react-three-fiber three