第 6—9 月｜Three.js 数字孪生核心

全年重点：把三维场景、实时设备数据和业务交互连成可演示项目，并能解释性能与资源管理的取舍。

第 6 月｜场景与资产加载

[ ] 手写场景、相机、渲染器初始化和动画循环。
[ ] 加载资产管线制作的 glb，配置材质、光照和相机控制。
[ ] 为场景设计明确的创建、挂载和销毁生命周期。

第 7 月｜设备业务交互

[ ] 手写 Raycaster 拾取到设备 ID 的映射。
[ ] 完成拾取后的弹窗、高亮、视角定位和取消选择。
[ ] 实现图层显隐与常用视角管理。

第 8 月｜实时数据和批量渲染

[ ] 将 WebSocket 数据映射为设备状态，处理延迟、缺字段和错误类型。
[ ] 手写 InstancedMesh 矩阵、颜色和增量更新逻辑。
[ ] 测试设备数据更新频率和批量边界情况。

第 9 月｜性能、清理和项目集成

[ ] 检查纹理、几何体、材质、事件和动画循环的清理。
[ ] 评估 LOD、懒加载和视锥剔除的收益。
[ ] 在 Three.js r171+ 对比相同场景的 WebGL 与 WebGPU 渲染器，记录环境、帧率和显存。
[ ] 整理智慧机房项目的架构、演示路径和性能记录。

本阶段交付

独立完成智慧机房数字孪生系统，含资产管线产物、实时数据联动、设备拾取交互和有依据的性能优化记录。

推荐记录

我的笔记索引

建议把场景生命周期、设备拾取、InstancedMesh、数据映射、性能对比分别记录，新增文章后登记。

日期	笔记 / 练习	链接	独立复现
YYYY-MM-DD			[ ]

阶段复盘

项目可以演示的完整业务链路：
已测量的性能数据与测试条件：
资源释放与内存问题的检查结果：
面试追问时还需要补强的判断：