背景设置
背景设置面板控制 3D 场景的背景显示效果,包括纯色、渐变和 HDR 环境贴图三种模式。
背景类型
默认模式
使用 Three.js 引擎的默认背景(通常为透明或黑色),不做任何自定义处理。
纯色模式
将整个场景背景设为一个固定的纯色:
- 背景颜色:通过颜色选择器选取任意颜色
- 适用场景:产品展示(白色背景突出产品)、暗色系展厅
渐变模式
从顶部到底部的双色线性渐变背景:
- 顶部颜色:渐变起始颜色(画面顶部)
- 底部颜色:渐变结束颜色(画面底部)
- 适用场景:模拟天空地面的自然过渡,创造空间纵深感
环境贴图 (HDR)
HDR 环境贴图不仅作为背景图像显示,还为场景中的所有金属、玻璃等 PBR 材质提供环境反射信息:
HDR 文件上传
- 支持格式:
.hdr(Radiance RGBE) - 上传后模型表面会自动反射环境贴图中的光照信息,大幅提升金属、玻璃材质的真实感
环境光强度
- 范围:0 ~ 5(默认 1)
- 作用:控制环境贴图对场景整体光照的影响强度
- 值越大场景越亮,值为 0 时环境贴图无光照贡献(但仍用作反射)
清除环境贴图
一键移除当前 HDR 环境贴图,恢复默认光照环境。