Three.js Geometry Management

When to Use

Use this skill when:

• Creating or modifying 3D geometry in Three.js
• Optimizing geometry for mobile performance
• Implementing instancing for repeated objects
• Building custom geometry procedurally
• Managing geometry memory and disposal

Core Principles

1. BufferGeometry Over Geometry: Always use BufferGeometry for performance
2. Attribute Efficiency: Use typed arrays and minimize attribute count
3. Instancing for Duplicates: Use InstancedMesh for repeated geometry
4. Indexed Geometry: Share vertices with indices to reduce memory
5. Dispose Properly: Clean up geometry to prevent memory leaks
6. LOD Strategy: Use different detail levels based on distance