SCENE · Vite + three
HDR 环境贴图与 PBRHDR environment and PBR materials
RGBELoader 或 EXRLoader 加载环境贴图，scene.environment + PBR 材质。
旗舰完整演示
可交互场景（拖拽旋转；部分演示支持键盘）。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite 页面：加载 HDR 后金属球/塑料球对比明显，可旋转查看。
适合用在哪
产品渲染、金属玻璃材质、需要真实反射的场景。
容易踩的坑
- PMREMGenerator 用完后应 dispose，否则泄漏。
- HDR 过大影响首屏加载。
提示词 · Prompt
Vite + Three.js 实现 HDR 环境照明：
1) 使用 RGBELoader（或 EXRLoader）加载一个 cc0 HDR（URL 可配置常量）；
2) pmremGenerator 生成 envMap，赋值 scene.environment 与 scene.background（background 可选模糊）；
3) 展示 Sphere：MeshStandardMaterial metalness/roughness 不同组合各一个；
4) OrbitControls；
5) HDR 加载失败 fallback 到纯色背景 + 单一 DirectionalLight；
6) 说明 PMREM 的作用与 dispose 路径。
完整代码 + 推荐 HDR 来源注释。
Vite: RGBE/EXR env map via PMREM, PBR spheres, OrbitControls, fallback lighting on load failure.