在AFrame 1.0.4中,可能会出现在使用实体(entity)的时候对象仍在加载的情况。为了避免这个问题,我们可以添加一个初始值为false的属性,然后手动启动加载:
AFRAME.registerComponent('my-comp', { schema: { isLoaded: { default: false } }, init: function() { var self = this; this.el.addEventListener('model-loaded', function() { self.data.isLoaded = true; }); }, tick: function() { if (!this.data.isLoaded) this.el.setAttribute('gltf-model', 'src: url(assets/myasset.gltf);'); } });
在这个示例中,我们注册了一个新的组件,并添加了一个名为“isLoaded”的属性,其初始值为false。在init()函数中,我们为实体添加了一个“model-loaded”事件,当模型加载时更新属性。在tick()函数中,如果模型尚未加载,我们手动启动加载。为此,我们使用setAttributes()方法,该方法接受我们要更新的属性的名称和值。
使用此解决方法,我们可以确保加载完成后再显示实体,而不会出现无限加载屏幕的问题。