THREE.js Добавить текстуры с обещаниями

Question

Я пытаюсь использовать обещания для загрузки текстур в THREE.JS, но я не знаю, как это сделать. Я видел, как они работают, но есть ли какой-нибудь пример? Я пытаюсь загрузить рис (img.png) в кубической сетке.

Я не хочу использовать JSON.

Answer 1

Это исходный код THREE.ImageUtils.loadTexture из three.js:

THREE.ImageUtils = { 

    crossOrigin: undefined, 

    loadTexture: function (url, mapping, onLoad, onError) { 

    var loader = new THREE.ImageLoader(); 
    loader.crossOrigin = this.crossOrigin; 

    var texture = new THREE.Texture(undefined, mapping); 

    loader.load(url, function (image) { 

     texture.image = image; 
     texture.needsUpdate = true; 

     if (onLoad) onLoad(texture); 

    }, undefined, function (event) { 

     if (onError) onError(event); 

    }); 

    texture.sourceFile = url; 

    return texture; 

    }, 

Таким образом, вы можете просто обернуть, что в пользовательской функции, которая возвращает Promise (это синтаксис ES6):

loadTextureAsync (url, mapping) { 

    return new Promise ((resolve, reject) => { 

    const onLoad = (texture) => resolve (texture) 

    const onError = (event) => reject (event) 

    THREE.ImageUtils.loadTexture(
     url, mapping, onLoad, onError) 
    }) 
}