如何在aframe中添加自定义加载屏幕，以显示加载了多少百分比的aframe场景（对于大型gltf模型）？

我在0.8.2框架中尝试这个，但任何版本都可以

我尝试在这里使用解决方案

我想在pace.js中添加类似于中心圆/中心原子的内容，即。

你好
AFRAME.registerComponent（'loader'{
init:function（）{
let loader=document.querySelector（#loadingEl）
this.el.addEventListener（'model-loaded'，e=>{
console.log（'loaded'）
loader.setAttribute（“可见”、“假”）
})
}
})
//AR.js错误的解决方法(https://github.com/jeromeetienne/AR.js/issues/410)
const sceneEl=document.querySelector（'a-scene'）；
sceneEl.addEventListener（'loaded'，（）=>{
sceneEl.camera=新的3.PerspectiveCamera（）；
场景。添加（摄影机）；
});

如果您有多个模型，可以使用

模型加载事件对其进行计数

如果你有一个大模型，你想看看有多少是加载。。。那就长话短说了。据我所知，gtlf加载过程被省略（源代码），因此您需要使用自定义版本的
gltf模型
component-replacement

}, undefined /* onProgress */, function gltfFailed (error) {

比如说

}, function gltfProgress(xhr) {
   emit("model-progress", {progress: ( xhr.loaded / xhr.total * 100 ) })
}, function gltfFailed (error) {

并使用检查更新

this.el.addEventListener("model-progress", e => {
  console.log(e.progress)
})

如果您有多个模型，可以使用
model loaded
事件对其进行计数

如果你有一个大模型，你想看看有多少是加载。。。那就长话短说了。据我所知，gtlf加载过程被省略（源代码），因此您需要使用自定义版本的
gltf模型
component-replacement

}, undefined /* onProgress */, function gltfFailed (error) {

比如说

}, function gltfProgress(xhr) {
   emit("model-progress", {progress: ( xhr.loaded / xhr.total * 100 ) })
}, function gltfFailed (error) {

并使用检查更新

this.el.addEventListener("model-progress", e => {
  console.log(e.progress)
})