背景问题
车辆外观与内饰需要在网页内实时查看与配置，颜色切换、视角切换与开门等状态呈现是配置器的核心交互。
约束
- 基于 Vite + React + React Three Fiber 实现。
- 录屏画面呈现界面状态与交互效果。
架构
React 应用壳 → R3F 场景（车辆模型 + 灯光 + 相机）
├─ 配置 UI（颜色圆点）→ 材质/部件切换
└─ 视角与状态（外观 / 开门 / 座舱）
关键决策与取舍
- 模型走 Draco/KTX2 类压缩与懒加载思路控制首屏体积（历史项目记录口径）。
- 交互状态通过场景内部件级切换实现，而非整体换模型。
异常与降级策略
- 低端设备与旧浏览器按海报/截图降级展示，不强制加载 3D。
结果
- 页面可呈现外观配置、开门状态与座舱视角；历史指标见 metrics，口径以记录为准。
局限与后续优化
- 原 workers.dev 独立部署已失效，演示入口改为站点内嵌构建产物（
/demos/car/），随主站统一部署。 - 颜色配置只覆盖外观材质，内饰与轮毂等配置项未纳入。
- 移动端帧率与首屏优化指标为历史项目记录，测试环境未随资料附出，不作为可复测承诺。
个人职责与边界
- 三维展示与交互前端实现；项目按个人作品集口径呈现。