微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何更改BabylonJS HTML查看器背景?

如何解决如何更改BabylonJS HTML查看器背景?

我正在使用Babylonjs查看器在网站上显示3D(gltf)模型。但是,由于我以前没有使用它的经验,并且只需要使用它来展示此模型,所以我正在使用通用查看器(并且我遵循了this教程)。

现在,我需要更改“最小”配置的背景颜色,认情况下为深蓝色。有没有简单的方法可以做到这一点?

说明:我是在谈论天空盒的颜色

解决方法

您需要使用scene.clearColor参数(在DOM配置中)。 下面是带有白色场景颜色的Babylon Viewer的代码。

     <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

,

用于json配置

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

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

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

希望有帮助

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。