Beginner
01. Procedural Primitives
Learn Three.js fundamentals and procedural geometry generation. Start with simple shapes, progress to
complex procedural diamonds with custom BufferGeometry!
- ✓ Scene, Camera, Renderer basics
- ✓ Procedural geometry construction
- ✓ Advanced materials (MeshPhysicalMaterial)
- ✓ Post-processing effects (Bloom)
- ✓ Interactive GUI controls
Intermediate
02. Lighting Basics
Explore different light types and their effects on materials. Learn about ambient, directional, point
lights, and advanced lighting techniques!
- ✓ Ambient, Directional, Point lights
- ✓ Light helpers and shadows
- ✓ Material light interaction
- ✓ Interactive controls
Advanced
03. Advanced Lighting
Master physically-based lighting with realistic light units, multiple colored lights, and PBR materials!
- ✓ Physical light units (lumens)
- ✓ Multiple colored light sources
- ✓ PBR materials & primitives
- ✓ Tone mapping & exposure
Intermediate
Coming Soon
04. Material Properties
Understand PBR materials and their properties
- ⏳ Metalness & Roughness
- ⏳ Color & Emissive properties
- ⏳ Interactive GUI controls
Advanced
Coming Soon
04. GLTF Model Loader
Load and display 3D models in GLTF format
- ⏳ Import 3D models
- ⏳ Animation controls
- ⏳ Model optimization tips
Advanced
Coming Soon
05. HDRI Environments
Create realistic lighting with HDRI environment maps
- ⏳ Load HDRI textures
- ⏳ Environment mapping
- ⏳ Realistic reflections
Beginner
Coming Soon
06. Basic Animations
Learn how to animate objects and camera movements
- ⏳ Object transformations
- ⏳ Camera animations
- ⏳ Keyframe basics