threejs-webgl

Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.

Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:

Use InstancedMesh for Repeated Objects For hundreds/thousands of identical objects, use InstancedMesh (see pattern above).

Three.js 3D Web 開發的綜合技能。在建立互動式 3D 場景、WebGL/WebGPU 應用程式、產品配置器、3D 視覺化或沉浸式 Web 體驗時使用此技能。觸發涉及 Three.js、3D 渲染、場景、相機、網格、材質、燈光、動畫、紋理或 WebGL/WebGPU 渲染的任務。 來源：freshtechbro/claudedesignskills。