Three.js — WebGL 3D Scenes Skill When to use - Real 3D: product spins, interactive hero scenes, shaders/material effects, 3D data viz - You need full control beyond “background effects” - You can budget time for asset pipeline + performance tuning Core mental model - Create: - (root graph) - (Perspective/Orthographic) - ( ) - = + - Lights (if using non-unlit materials) - Render loop: - - Update time-based animations, controls, mixers, then Key APIs/patterns - Setup: - - - - Camera: - - Scene graph: - / - Loading assets: - (models), (images), (compressed glTF) - Controls (common): - (debug/pro…