Super simple texture cache for THREE.js to avoid multiple network downloads and potentially GPU uploads

SimpleTextureCache.js

let textureLoader = {
  webLoader: new THREE.TextureLoader(),
  cache: {},
  useCache: true,
  getTexture: function (url) {
    let cache = this.cache;
    let webLoader = this.webLoader;
    if (!cache[url]) {
      cache[url] = new Promise(function (resolve, reject) {
        webLoader.setCrossOrigin('Access-Control-Allow-Origin');
        webLoader.load(url, function (texture) {
          // When the texture is ready, simply supply it.
          resolve(texture);
        }, function (xhr) {
          // No progress indications
        }, function (xhr) {
          // Failed to load the texture for some reason.
          reject()
        });
      });
    }

    // Have a way to turn off the caching.
    let cachedTexture = cache[url];
    if (!this.useCache) {
      delete cache[url];
    }
    return cachedTexture;
  }
};