跳转到主要内容

文章 21

09|动画系统

requestAnimationFrame vs GSAP,gsap.to/from/timeline,KeyframeTrack 关键帧动画,AnimationObjectGroup 共享动画,AnimationMixer 模型动画

08|模型加载

GLTF/GLB 格式详解,GLTFLoader 加载模型,Draco 压缩,LoadingManager 进度管理,模型自动缩放居中,LOD 策略,AnimationMixer 动画播放

07|场景图与变换

场景图的树形结构,父子关系与变换继承,局部坐标系 vs 世界坐标系,Object3D 分组管理,scene.traverse() 遍历,AxesHelper/GridHelper 调试

06|纹理与贴图

TextureLoader 加载图片纹理,UV 坐标与纹理映射,纹理 repeat/offset/wrap 控制,CubeTextureLoader 天空盒,环境贴图与反射,RGBELoader HDRI

05|相机与控制

区分透视相机和正交相机,掌握 OrbitControls 轨道控制器配置,理解相机参数(fov、aspect、near、far),学会相机切换和参数调整。

04|灯光与阴影

掌握 5 种灯光类型(Ambient / Hemisphere / Directional / Point / Spot),理解阴影三要素,学会调整阴影质量和性能的平衡。

03|材质系统

掌握 6 种材质类型(Basic / Lambert / Phong / Standard / Physical / Toon),理解 PBR 材质的 roughness 和 metalness,学会环境贴图和法线贴图的使用。

02|几何体与图元

掌握 5 种基础几何体(Box、Sphere、Cylinder、Torus、Plane),理解分段数与性能的关系,学会程序生成纹理和 Wireframe 可视化。