threejs

# Three.js Skills ## Overview Comprehensive knowledge base for building 3D web experiences with Three.js. This skill provides accurate API references, best practices, and working code examples across all major Three.js domains. **Three.js version**: r160+ (January 2024) ## Quick Reference ### Core Topics This skill covers 10 essential Three.js domains: 1. **Fundamentals** - Scene setup, cameras, renderer, Object3D hierarchy 2. **Geometry** - Built-in shapes, BufferGeometry, custom geometry, instancing 3. **Materials** - PBR materials, shader materials, material properties 4. **Lighting** - Light types, shadows, environment lighting 5. **Textures** - UV mapping, environment maps, render targets 6. **Animation** - Keyframe animation, skeletal animation, animation mixing 7. **Loaders** - GLTF/GLB loading, async patterns, caching 8. **Shaders** - GLSL basics, ShaderMaterial, custom effects 9. **Postprocessing** - EffectComposer, bloom, DOF, custom passes 10. **Interaction** - Raycasting, camera controls, mouse/touch input ## When to Load References Load detailed reference files based on your current task: - **Basic scene setup, cameras, renderer** → Load `references/threejs-fundamentals.md` - **Creating shapes, custom geometry, instancing** → Load `references/threejs-geometry.md` - **Material properties, PBR, shader materials** → Load `references/threejs-materials.md` - **Adding lights, configuring shadows** → Load `references/threejs-lighting.md` - **Texture loading, U...