Question

嗨我在为场景加载纹理时生成加载消息时遇到了一些麻烦。 onProgress console.log消息仅在纹理完全下载时触发，而不是在。

期间触发

manager = new THREE.LoadingManager();

manager.onProgress = function () {
    console.log('loading');
};
manager.onLoad = function () {
    console.log('loaded');
};
manager.onError = function () {
    console.log('there has been an error');
};

var textureLoader = new THREE.TextureLoader( manager );
var planetTexture = textureLoader.load('/assets/images/planet/{{page.planet}}/{{page.planet}}.jpg');

我查看了这些示例，但在此示例中无法弄清楚他们是如何做到的obj loader

Answer 1

将为加载程序管理器中的每个项调用onLoad回调一次。因此，如果你加载一个纹理，它将调用一次。您可以在 this fiddle 中看到这一点。

要使用回调，您可以在调用load方法时将其作为第二个参数传递：

loader.load(
    url,
    onLoad
);

这意味着您无法看到单个图像的进度，而仅仅是在使用相同的加载程序管理器加载多个纹理时监视进度。

onProgress加载纹理与Three.js

1 个答案: