threejs-geometry

SKILL.md

Built-in and custom 3D geometry creation with BufferGeometry, instancing, and path-based shapes.

Includes 15+ built-in geometries: basic shapes (box, sphere, plane, cylinder, cone, torus), polyhedra (dodecahedron, icosahedron), and path-based forms (lathe, extrude, tube, text)

Custom BufferGeometry with typed arrays for vertices, indices, normals, UVs, and per-vertex colors; supports interleaved buffers for memory efficiency

InstancedMesh for rendering thousands of identical objects with per-instance transforms and colors; InstancedBufferGeometry for custom per-instance attributes

Utilities for merging geometries, computing tangents, wireframe/edge visualization, point clouds, and lines; includes morph targets and runtime modification patterns

Three.js Geometry

Quick Start

import * as THREE from "three";

// Built-in geometry
const box = new THREE.BoxGeometry(1, 1, 1);
const sphere = new THREE.SphereGeometry(0.5, 32, 32);
const plane = new THREE.PlaneGeometry(10, 10);

// Create mesh
const material = new THREE.MeshStandardMaterial({ color: 0x00ff00 });
const mesh = new THREE.Mesh(box, material);
scene.add(mesh);

Built-in Geometries