元宇宙虚拟空间的加载管理（三）

前言

该文章主要讲元宇宙虚拟空间的加载管理，基本核心技术点，不多说，直接引入正题。

加载管理的处理

使用引入的加载模块

let loadingManager = new LoadingManager(this);

对引入的加载模块，设置时间因子调整为0（时间因子：在这里是指页面与时间相关的要素，当这个数是0时，页面将会呈现一个缓慢时间的效果）对每个加载做跟踪监听

this.world.setTimeScale(0);

当加载管理界面加载完毕，时间因子再调整为1，并且调用Swal库的弹出框，当关闭弹窗显示UI调试开发界面方便后续操作

loadingManager.onFinishedCallback = () =>

            {

                this.update(1, 1);

                this.setTimeScale(1);

                Swal.fire({

                    title: '欢迎来到虚拟空间！',

                    text: '',

                    footer: '< ',

                    confirmButtonText: 'Okay',

                    buttonsStyling: false,

                    onClose: () => {

                        UIManager.setUserInterfaceVisible(true);

                    }

                });

            };

关于场景的加载，判断建模是否有定义的属性，判断是否为物体，凡是物体都要对材质进行一个初始化修改（因为要做级联阴影的效果），如果是一些特别的材质，就要对它进行创建，然后把它添加到世界的更新表单中。

当然关于场景里的一些效果碰撞等特殊事件，也要在这个场景加载里面进行调用，，后续会讲到.

gltf.scene.traverse((child) => {            

if (child.hasOwnProperty('userData')) {            

if (child.type === 'Mesh'){                               

Utils.setupMeshProperties(child);                  

this.sky.csm.setupMaterial(child.material);                   

if (child.material.name === 'ocean'){                      

this.registerUpdatable(new Ocean(child, this));                   

}             

}

}