Completed
- Create a scene, camera, and renderer
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Three.js Tutorial Crash Course - 2021
Automatically move to the next video in the Classroom when playback concludes
- 1 - Install three.js & vite
- 2 - Create a scene, camera, and renderer
- 3 - Add a box mesh to the scene
- 4 - Animating and rotating the box
- 5 - Add a plane mesh
- 6 - Add directional lights
- 7 - Add depth / jaggedness to plane
- 8 - Modify to taste with dat.gui
- 9 - Rotate scene with OrbitControls
- 10 - Add hover effect
- 11 - Tailor hover effect to exact colors
- 12 - Fade out hover effect over time with GSAP
- 13 - Begin to set plane to exact dimensions
- 14 - Add randomized vertice movement
- 15 - Finishing exact plane dimensions
- 16 - Add interface with HTML and CSS
