Three.js 场景与模型 · lab-04
实验 04 · Three.js 入门：五大核心组件与第一个场景
通过一个最小三维场景认识 Scene、Mesh、Camera、Light 与 Renderer 的职责和协作关系。
一个可显示的 Three.js 场景由哪些核心对象组成？
KEY POINTS
这条内容的重点
入门 4 小时
- 能辨认场景、网格、相机、光源和渲染器。
- 能说明相机视角与光照对画面结果的影响。
- 能概括从创建场景到浏览器渲染的基本顺序。
WORKFLOW
内容流程
认识组件
阅读核心对象说明，建立组件名称与渲染职责之间的对应关系。
本步产物 Three.js 核心对象关系图或记录
搭建场景
按照 Notebook 内的示例创建几何对象、材质、相机和光源并观察画面。
本步产物 第一个可交互或可观察的场景
调整与检查
改变视角或场景参数，检查对象位置、相机范围与光照效果的联系。
本步产物 场景参数变化记录
METHODS
相关方法
- Three.js 场景图组织
- 透视相机与基础光照
- 浏览器端 WebGL 渲染
DELIVERABLES
可获得的内容
- 一个基础三维场景
- 核心组件职责说明
LIMITATIONS
适用范围与注意事项
- 配套 Notebook、PPT、代码、PDF 与数据附件的来源和再分发许可尚未逐项核验；原件留在 incoming/，本次网站不提供附件下载。
- Notebook 内嵌页面可能依赖浏览器支持与外部库资源；离线运行条件以课程环境为准。
MATERIALS
相关资料与下载
只展示已核准公开的资料。
当前没有已批准公开的资料。待核验或私有文件不会显示。