08 | Model Loading
GLTF/GLB format details, GLTFLoader, Draco compression, LoadingManager progress, model auto-scaling and centering, LOD strategy, AnimationMixer
GLTF/GLB format details, GLTFLoader, Draco compression, LoadingManager progress, model auto-scaling and centering, LOD strategy, AnimationMixer
Scene graph tree structure, parent-child relationships and transform inheritance, local vs world coordinate systems, Object3D grouping, scene.traverse() traversal, AxesHelper/GridHelper debugging
TextureLoader, UV coordinates and texture mapping, repeat/offset/wrap control, CubeTextureLoader skybox, environment map and reflection, RGBELoader HDRI
Vector definition and operations, dot product and cross product geometric meaning, matrix operations, homogeneous coordinates
Computer graphics definition, applications, rendering pipeline, graphics vs computer vision
Distinguish perspective and orthographic cameras, master OrbitControls configuration, understand camera parameters (fov, aspect, near, far), and learn camera switching and parameter adjustment.
Master 5 light types (Ambient / Hemisphere / Directional / Point / Spot), understand the three elements of shadows, and learn to balance shadow quality with performance.
Master 6 material types (Basic / Lambert / Phong / Standard / Physical / Toon), understand PBR material roughness and metalness, learn environment mapping and normal mapping.
Master 5 basic geometries (Box, Sphere, Cylinder, Torus, Plane), understand the relationship between segments and performance, learn procedural texture generation and Wireframe visualization.
Build a Vite + TypeScript + Three.js project from scratch, understand the Scene / Camera / Renderer trio, master requestAnimationFrame + delta time animation loop.