Three.js Tutorial — One-Page Cheat Sheet

3D for the web with WebGL.

Three.js Tutorial

• Three.js HOME
• Intro
• Get Started
• Scene
• Cameras
• Renderer
• Mesh = Geometry + Material
• Geometries
• Materials
• Lights
• Animation Loop
• OrbitControls

Assets & Effects

• Textures
• glTF Models
• PBR Materials
• Shadows
• Fog
• Environment Maps
• Post-processing
• GLSL Shaders

Interactivity

• Raycaster (picking)
• Physics (Cannon / Rapier)
• GSAP for tweens
• react-three-fiber
• VR / AR (WebXR)

Examples

• Examples
• Editor
• Quiz
• Exercises
• Bootcamp
• Certificate
• Summary