Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

Three.js Geometry Quick Start Built in Geometries Basic Shapes Advanced Shapes Path Based Shapes Text Geometry BufferGeometry The base class for all geometries. Stores data as typed arrays for GPU efficiency. Custom BufferGeometry BufferAttribute Types Modifying BufferGeometry Interleaved Buffers (Advanced) EdgesGeometry & WireframeGeometry Points Lines InstancedMesh Efficiently render many copies of the same geometry. Update Instance at Runtime InstancedBufferGeometry (Advanced) For custom per instance attributes beyond transform/color. Geometry Utilities Common Patterns Center Geometry Scale to Fit Clone and Transform Morph Targets Performance Tips 1. Use indexed geometry : Reuse vertices with indices 2. Merge static meshes : Reduce draw calls with mergeGeometries 3. Use InstancedMesh : For many identical objects 4. Choose appropriate segment counts : More segments = smoother but slower 5. Dispose unused geometry : geometry.dispose() See Also threejs fundamentals Scene setup and Object3D threejs materials Material types for meshes threejs shaders Custom vertex manipulation

threejs-geometry