What problem does it solve? Setting up a Three.js scene involves many interdependent pieces—cameras, renderers, lights, object hierarchies, and math utilities—and getting any of them wrong leads to blank screens, distorted views, or memory leaks. This Skill provides working code patterns and API references for the core Three.js building blocks. ## Core Features & Use Cases - Scene and Renderer Setup: Ready-to-use patterns for WebGLRenderer configuration including tone mapping, color space, shadows, and pixel ratio handling. - Camera Selection: Guidance on PerspectiveCamera, OrthographicCamera, ArrayCamera, and CubeCamera with correct constructor parameters and update patterns. - Object Hierarchy and Math: Object3D transforms, Group organization, and Vector3/Matrix4/Quaternion operations for positioning and animating objects. - Use Case: You are building an interactive 3D product viewer and need a responsive canvas, proper lighting, smooth animation with a clock, and correct cleanup to avoid GPU memory leaks. ## Quick Start Set up a basic Three.js scene with a perspective camera, a lit rotating cube, and responsive resize handling.
