如何更改 BabylonJS HTML 查看器背景？答案

【问题标题】：How to change BabylonJS HTML viewer background?如何更改 BabylonJS HTML 查看器背景？
【发布时间】：2021-05-13 18:14:48
【问题描述】：

我正在使用 BabylonJS 查看器在网站上显示 3D (gltf) 模型。但是，由于我之前没有使用它的经验，并且我只需要它来显示这个模型，我使用的是通用查看器（并且我遵循了 this 教程）。

现在，我需要更改“最小”配置的背景颜色，默认为深蓝色。有什么简单的方法吗？

澄清：我说的是天空盒颜色

【问题讨论】：

标签： html babylonjs

【解决方案1】：

添加此行以在创建后更改您的场景 :)
那将是 RGBA 颜色，供您选择

    scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);

希望对你有帮助

【讨论】：

【解决方案2】：

您需要使用 scene.clearColor 参数（在 DOM 配置中）。下面是白色场景颜色的巴比伦查看器的代码。

     <babylon extends="minimal">
    <model url="https://models.babylonjs.com/TrailMeshSpell/spellDisk.glb">

    </model>
    <camera>
        <behaviors>
            <auto-rotate type="0"></auto-rotate>
        </behaviors>
      <position x="3" y="3" z="3"></position>
    </camera>
    <scene>
<clear-color r="1" g="1", b="1"></clear-color>
   </scene>
</babylon>

另一个例子在这里 - https://forum.babylonjs.com/t/how-to-use-scene-clearcolor-parameters-with-babylon-viewer/5266

【讨论】：

【解决方案3】：

用于json配置

"scene": {
    "clearColor": {
        "r": 1,
        "g": 1,
        "b": 1
    }
}

【讨论】：