threejs-geometry

What problem does it solve?

Designing 3D scenes in Three.js often requires juggling a variety of geometry types and data layouts. This Skill centralizes common geometry techniques—built-in shapes, custom BufferGeometry, and instancing—so developers can rapidly prototype and optimize geometry workflows.

Core Features & Use Cases

• Built-in geometries (BoxGeometry, SphereGeometry, PlaneGeometry, etc.) for quick scene setup.
• Custom BufferGeometry workflows, including attributes, indices, normals, and UVs for per-vertex control.
• Instancing patterns with InstancedMesh and InstancedBufferGeometry to render many objects efficiently.
• Geometry utilities and best practices for centering, scaling, morph targets, and performance optimization.

Quick Start

Create a simple scene using BoxGeometry and render it with a basic material. Then, extend to a custom BufferGeometry by adding position and normal attributes and observe the effect on lighting.