Loading THREE textures with onProgress events

AjaxTextureLoader.js

const THREE = require('three');

function AjaxTextureLoader() {
    /**
     * Three's texture loader doesn't support onProgress events, because it uses image tags under the hood.
     *
     * A simple workaround is to AJAX the file into the cache with a FileLoader, then extract that into a
     * texture with a separate TextureLoader call.
     */

    THREE.Cache.enabled = true; // turns on shared caching for FileLoader, ImageLoader and TextureLoader

    const textureLoader = new THREE.TextureLoader();
    const fileLoader = new THREE.FileLoader();
    const nop = ()=> {};

    function load(url, onLoad, onProgress, onError) {
        fileLoader.load(url, loadTextureFromCache, onProgress, onError);

        function loadTextureFromCache() {
            textureLoader.load(url, onLoad, nop, onError);
        }
    }

    Object.assign(this, textureLoader, {load});
}

module.exports = AjaxTextureLoader;