Skill UI

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

This skill provides guidance on creating and optimizing geometry in Three.js, including built-in shapes, custom BufferGeometry, vertices, and instanced rendering. It is intended for developers working on 3D mesh structures, custom geometry, or performance optimization with instancing.