Babylon.js 加载屏幕更改图像

Question

我正在尝试更改 babylon js 的加载徽标，但是我在官方网站上找到的所有教程和文档都不适合我。

我正在使用基本的巴比伦查看器

<babylon id="babylon-viewer" model="mymodel.gltf" templates.main.params.fill-screen="true"  observers.on-scene-init="globalSceneInitCallback"></babylon>

和其他一些 javascript 来控制相机。

我相信有一种简单的方法可以改变加载图像，但我想不通！

问候和感谢

Answer 1

要更改 babylon 查看器加载屏幕的默认值，您需要修改加载屏幕的模板。

配置对象如下所示：

loadingScreen: {
    html: loadingScreen,
    params: {
        backgroundColor: "#000000",
        loadingImage: images.loading,
        staticLoadingImage: images.staticLoading
    }
},

正如您更改主模板的 fillScreen 参数一样，您可以更改这 3 个参数中的一个 - 背景颜色、加载图像和（更好 - 或）静态加载图像。类似这样的事情：

<babylon id="babylon-viewer" model="mymodel.gltf" templates.loading-screen.params.loadingImage="http://LINK-TO-IMAGE" templates.main.params.fill-screen="true"  observers.on-scene-init="globalSceneInitCallback"></babylon>

或：

<babylon id="babylon-viewer" model="mymodel.gltf"  observers.on-scene-init="globalSceneInitCallback">
  <templates>
    <loading-screen>
      <params loadingImage="IMAGEURL">
      </params>
    </loading-screen>
  </templates>
</babylon>

Babylon.js 加载屏幕更改图像

Babylon.js Loading Screen Change Image

html

javascript

babylonjs