Completed
- Project overview
Class Central Classrooms beta
YouTube playlists curated by Class Central.
Classroom Contents
Intermediate Three.js Tutorial - Create a Globe with Custom Shaders
Automatically move to the next video in the Classroom when playback concludes
- 1 - Project overview
- 2 - Create a sphere
- 3 - Map a texture onto sphere
- 4 - Sharpen rendering
- 5 - Create a vertex shader
- 6 - Import shader with Vite Plugin String
- 7 - Create a fragment shader
- 8 - Modify vertex shader to accommodate three.js
- 9 - Add texture to fragment shader
- 10 - UV Coordinates Explained
- 11 - Add texture to fragment shader cont.
- 12 - Add shade of blue to earth texture
- 13 - Normals Explained
- 14 - Add shade of blue to earth texture cont.
- 15 - Add atmosphere
- 16 - Fix shader normal bug
- 17 - Add mouse movement interaction
- 18 - Add background stars
- 19 - Add HTML / CSS
- 20 - Outro
