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

📚 Want more Three.js resources? Check out my collection of courses, from beginner to advanced! https://threejsroadmap.com 💻 SOURCE CODE https://github.com/dgreenheck/threejs-image-gallery 🎮 LIVE DEMO https://dgreenheck.github.io/threejs-image-gallery/ 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