模型编辑器

背景环境

背景设置

背景设置面板控制 3D 场景的背景显示效果,包括纯色、渐变和 HDR 环境贴图三种模式。


背景类型

默认模式

使用 Three.js 引擎的默认背景(通常为透明或黑色),不做任何自定义处理。

纯色模式

将整个场景背景设为一个固定的纯色:

  • 背景颜色:通过颜色选择器选取任意颜色
  • 适用场景:产品展示(白色背景突出产品)、暗色系展厅

渐变模式

从顶部到底部的双色线性渐变背景:

  • 顶部颜色:渐变起始颜色(画面顶部)
  • 底部颜色:渐变结束颜色(画面底部)
  • 适用场景:模拟天空地面的自然过渡,创造空间纵深感

环境贴图 (HDR)

HDR 环境贴图不仅作为背景图像显示,还为场景中的所有金属、玻璃等 PBR 材质提供环境反射信息:

HDR 文件上传

  • 支持格式.hdr (Radiance RGBE)
  • 上传后模型表面会自动反射环境贴图中的光照信息,大幅提升金属、玻璃材质的真实感

环境光强度

  • 范围:0 ~ 5(默认 1)
  • 作用:控制环境贴图对场景整体光照的影响强度
  • 值越大场景越亮,值为 0 时环境贴图无光照贡献(但仍用作反射)

清除环境贴图

一键移除当前 HDR 环境贴图,恢复默认光照环境。