时间戳

首页 > 解决方案 > Babylon.js 加载屏幕更改图像

javascript - Babylon.js 加载屏幕更改图像

问题描述

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

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

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

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

我相信有一种简单的方法可以改变加载图像，但无法弄清楚！

问候和感谢

标签： javascripthtmlbabylonjs

解决方案

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

配置对象如下所示：

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>

推荐阅读