Completed
Examples of Three.js in Action
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
3D-fying Websites Using React Three Fiber - From Setup to Deployment
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction and Speaker Background
- 2 Overview of Topics to be Covered
- 3 Introduction to Three.js and WebGL
- 4 Examples of Three.js in Action
- 5 Introduction to React Three Fiber R3F
- 6 Setting Up the Development Environment
- 7 Basic Components of a 3D Scene
- 8 Creating a 3D Scene with Native Three.js
- 9 Creating a 3D Scene with React Three Fiber
- 10 Adding Interactivity and Helpers
- 11 Transformations and Animations
- 12 Understanding Frame Time Differences
- 13 Implementing Transformations with useFrame Hook
- 14 Adjusting Object Movement for Different FPS
- 15 Using Delta for Consistent Animations
- 16 Exploring Lighting in 3D Scenes
- 17 Adding Shadows for Realism
- 18 Enhancing Scenes with Backgrounds
- 19 Incorporating 3D Models
- 20 Deploying Your 3D Project
- 21 Creative Uses of Three.js
- 22 Conclusion and Contact Information
