Three.js Crash Course for Beginners | Build a 3D Art/Project Gallery!

Learn the fundamentals of Three.js in this 90-minute Three.js crash course and build a stunning, interactive 3D gallery from scratch!

🚀 Support the channel and become a member today!
  / dangreenheck  

❤️ Special thanks to the following Polyhedron members for your support!
Seby
David Bickley
BitBytes

0:00 Introduction
1:27 Installing Three.js and Vite
5:51 Three.js Demo App
8:09 What Is A Scene?
8:54 What Is A Camera?
10:30 Geometry, Materials and Meshes
12:59 The Render Loop
15:52 Loading Images
17:22 Handling Resizing
19:23 Laying Out The Scene
24:19 Creating The Scene Hierarchy
33:34 Adding Textures
36:17 Adding A Border
38:12 Lighting
44:24 Reflections
49:52 Left/Right Arrows
54:37 Raycasting
1:03:27 Rotating The Gallery
1:05:44 Tweening
1:10:40 Title & Artist HTML
1:13:15 Animating Text Opacity
1:16:37 Storing Custom Object Data
1:19:40 Updating Title & Artist
1:20:39 Wrap Up