3D Visualization
Course Index
28 Lessons · 3 Sections
Master interactive 3D web visualization with Three.js, React Three Fiber & Babylon.js — from WebGL fundamentals and GLSL shaders to product configurators, data dashboards & architectural walkthroughs. Includes WebGPU & 4 production builds.
28Lessons
3Sections
4Projects
FreeAccess
Section 13D Fundamentals & Three.js CoreLessons 1–10
Lesson 1
What is 3D Visualization?
Lesson 2
3D Graphics Fundamentals
Lesson 3
3D Math: Vectors, Matrices & Quaternions
Lesson 4
WebGL: The Foundation of Web 3D
Lesson 5
Three.js: Setup & Scene Creation
Lesson 6
Three.js: Geometries & Meshes
Lesson 7
Three.js: Materials & Textures
Lesson 8
Three.js: Lights & Shadows
Lesson 9
Three.js: Cameras & Controls
Lesson 10
Three.js: Animation & the Clock
Section 2Advanced Three.js, R3F & ApplicationsLessons 11–22
Lesson 11
Three.js: Loading GLTF/GLB Models
Lesson 12
Three.js: Raycasting & Interaction
Lesson 13
Three.js: Particle Systems
Lesson 14
Three.js: Custom Shaders & GLSL
Lesson 15
Three.js: Post-Processing Effects
Lesson 16
React Three Fiber (R3F)
Lesson 17
Babylon.js: Alternative to Three.js
Lesson 18
3D Data Visualization
Lesson 19
Product Configurators in 3D
Lesson 20
360° & Panoramic Viewers
Lesson 21
3D for Architecture: BIM & Walkthroughs
Lesson 22
WebGPU: Next-Gen Web Graphics
Section 3Blender, Performance & ProjectsLessons 23–28