onProgress загрузка текстур с помощью Three.js

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 
); 

Это означает, что вы не можете видеть прогресс для отдельного изображения, а только для мониторинга прогресса при загрузке несколько текстуры с тем же менеджером загрузчика.