Three.js 场景与模型 · lab-05
实验 05 · Three.js 动画机制与模型加载
理解逐帧更新的动画循环，并认识 glTF/GLB 模型通过加载器进入 Three.js 场景的基本流程。
如何让场景持续更新，并把外部三维模型安全地加入场景？
KEY POINTS
这条内容的重点
基础 4 小时
- 能说明 requestAnimationFrame 动画循环的作用。
- 能理解模型加载、场景添加和资源显示之间的步骤。
- 能观察动画状态或模型变换带来的画面变化。
WORKFLOW
内容流程
阅读动画循环
了解渲染循环和对象状态更新之间的关系。
本步产物 动画循环逻辑记录
加载模型
按实验材料中的示例查看 GLTF/GLB 加载过程和模型层级。
本步产物 模型加载结果与层级观察记录
调整场景
调整模型位置、旋转或播放状态，并核对浏览器中的显示效果。
本步产物 模型展示或动画观察结果
METHODS
相关方法
- 逐帧动画循环
- GLTFLoader 模型加载
- 场景对象变换与资源检查
DELIVERABLES
可获得的内容
- 模型加载场景
- 动画或模型变换观察记录
LIMITATIONS
适用范围与注意事项
- 配套 Notebook、PPT、代码、PDF 与数据附件的来源和再分发许可尚未逐项核验；原件留在 incoming/，本次网站不提供附件下载。
- 外部模型文件的来源、格式扩展和许可证应以具体资产说明为准。
MATERIALS
相关资料与下载
只展示已核准公开的资料。
当前没有已批准公开的资料。待核验或私有文件不会显示。