Three.js Geometry

Use this skill for mesh shape and vertex-data work. Route surface appearance to threejs-materials, image/UV asset handling to threejs-textures, and whole-scene setup to threejs-fundamentals.

When to use this skill

• Choose a built-in primitive, BufferGeometry, ShapeGeometry, or text geometry
• Generate positions, normals, colors, UVs, and indices for a custom mesh
• Update dynamic attributes safely or fix broken normals, winding, and culling
• Replace repeated identical meshes with InstancedMesh after measuring draw-call cost

Instructions

Step 1: Select the simplest geometry representation