@galacean/engine 1.3.19 → 1.3.21

package/dist/browser.js

@@ -288,6 +288,16 @@
             return this;
         };
         /**
+       * Copy to vector3 like object.
+       * @param target - Vector3 like object
+       * @returns This Vector3 like object
+       */ _proto.copyTo = function copyTo(target) {
+            target.x = this._x;
+            target.y = this._y;
+            target.z = this._z;
+            return target;
+        };
+        /**
        * Copy the value of this vector from an array.
        * @param array - The array
        * @param offset - The start offset of the array
@@ -2206,6 +2216,17 @@
             return this;
         };
         /**
+       * Copy this quaternion to the specified quaternion.
+       * @param target - The specified quaternion
+       * @returns This specified quaternion
+       */ _proto.copyTo = function copyTo(target) {
+            target.x = this._x;
+            target.y = this._y;
+            target.z = this._z;
+            target.w = this._w;
+            return target;
+        };
+        /**
        * Copy the value of this quaternion from an array.
        * @param array - The array
        * @param offset - The start offset of the array
@@ -3771,6 +3792,15 @@
             return this;
         };
         /**
+       * Copy to vector2 like object.
+       * @param target - Vector2 like object
+       * @returns This Vector2 like object
+       */ _proto.copyTo = function copyTo(target) {
+            target.x = this._x;
+            target.y = this._y;
+            return target;
+        };
+        /**
        * Copy the value of this vector from an array.
        * @param array - The array
        * @param offset - The start offset of the array
@@ -4117,6 +4147,17 @@
             return this;
         };
         /**
+       * Copy to vector4 like object.
+       * @param target - Vector4 like object
+       * @returns This Vector4 like object
+       */ _proto.copyTo = function copyTo(target) {
+            target.x = this._x;
+            target.y = this._y;
+            target.z = this._z;
+            target.w = this._w;
+            return target;
+        };
+        /**
        * Copy the value of this vector by an array.
        * @param array - The array
        * @param offset - The start offset of the array
@@ -4486,6 +4527,17 @@
             return this;
         };
         /**
+       * Copy to color like object.
+       * @param target - Color like object.
+       * @returns This Color like object
+       */ _proto.copyTo = function copyTo(target) {
+            target.r = this._r;
+            target.g = this._g;
+            target.b = this._b;
+            target.a = this._a;
+            return target;
+        };
+        /**
        * Copy from array like object.
        * @param source - Array like object
        * @param offset - The start offset
@@ -23417,8 +23469,20 @@
             mesh.setVertexElements([
                 new VertexElement("POSITION_UV", 0, exports.VertexElementFormat.Vector4, 0)
             ]);
-            mesh.setVertexBufferBinding(new Buffer(engine, exports.BufferBindFlag.VertexBuffer, vertices, exports.BufferUsage.Static), 16);
+            var buffer = new Buffer(engine, exports.BufferBindFlag.VertexBuffer, vertices, exports.BufferUsage.Static, true);
+            mesh.setVertexBufferBinding(buffer, 16);
             mesh.addSubMesh(0, 3, exports.MeshTopology.Triangles);
+            engine.resourceManager.addContentRestorer(new /*#__PURE__*/ (function(ContentRestorer) {
+                var _class = function _class() {
+                    return ContentRestorer.call(this, mesh);
+                };
+                _inherits$2(_class, ContentRestorer);
+                var _proto = _class.prototype;
+                _proto.restoreContent = function restoreContent() {
+                    buffer.setData(buffer.data);
+                };
+                return _class;
+            }(ContentRestorer))());
             return mesh;
         };
         _proto._create1x1Texture = function _create1x1Texture(engine, type, format, pixel) {
@@ -24197,6 +24261,150 @@
         PromiseState["Rejected"] = "rejected";
         PromiseState["Canceled"] = "canceled";
     })(PromiseState || (PromiseState = {}));
+    var mimeType = {
+        json: "json",
+        gltf: "json",
+        mtl: "json",
+        prefab: "json",
+        txt: "text",
+        bin: "arraybuffer",
+        png: "image",
+        webp: "image",
+        jpg: "image"
+    };
+    var defaultRetryCount = 1;
+    var defaultTimeout = Infinity;
+    var defaultInterval = 500;
+    /**
+     * Web request.
+     * @param url - The link
+     * @param config - Load configuration
+     */ function request(url, config) {
+        if (config === void 0) config = {};
+        return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
+            var _config_retryCount;
+            var retryCount = (_config_retryCount = config.retryCount) != null ? _config_retryCount : defaultRetryCount;
+            var _config_retryInterval;
+            var retryInterval = (_config_retryInterval = config.retryInterval) != null ? _config_retryInterval : defaultInterval;
+            var _config_timeout;
+            config.timeout = (_config_timeout = config.timeout) != null ? _config_timeout : defaultTimeout;
+            var _config_type;
+            config.type = (_config_type = config.type) != null ? _config_type : getMimeTypeFromUrl(url);
+            var executor = new MultiExecutor(function() {
+                return requestRes(url, config).onProgress(setTaskCompleteProgress, setTaskDetailProgress);
+            }, retryCount, retryInterval);
+            executor.start().onError(reject).onComplete(resolve);
+        });
+    }
+    function requestRes(url, config) {
+        return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
+            var xhr = new XMLHttpRequest();
+            var isImg = config.type === "image";
+            xhr.timeout = config.timeout;
+            var _config_method;
+            config.method = (_config_method = config.method) != null ? _config_method : "get";
+            xhr.onload = function() {
+                if (xhr.status < 200 || xhr.status >= 300) {
+                    reject(new Error("request failed from: " + url));
+                    return;
+                }
+                var _xhr_response;
+                var result = (_xhr_response = xhr.response) != null ? _xhr_response : xhr.responseText;
+                if (isImg) {
+                    var img = new Image();
+                    img.onload = function() {
+                        // Call requestAnimationFrame to avoid iOS's bug.
+                        requestAnimationFrame(function() {
+                            setTaskCompleteProgress(1, 1);
+                            //@ts-ignore
+                            resolve(img);
+                            img.onload = null;
+                            img.onerror = null;
+                            img.onabort = null;
+                            URL.revokeObjectURL(img.src);
+                        });
+                    };
+                    img.onerror = img.onabort = function() {
+                        reject(new Error("request " + img.src + " fail"));
+                        URL.revokeObjectURL(img.src);
+                    };
+                    img.crossOrigin = "anonymous";
+                    img.src = URL.createObjectURL(result);
+                } else {
+                    setTaskCompleteProgress(1, 1);
+                    resolve(result);
+                }
+            };
+            xhr.onerror = function() {
+                reject(new Error("request failed from: " + url));
+            };
+            xhr.ontimeout = function() {
+                reject(new Error("request timeout from: " + url));
+            };
+            xhr.onprogress = function(e) {
+                if (e.lengthComputable) {
+                    setTaskDetailProgress(url, e.loaded, e.total);
+                }
+            };
+            xhr.open(config.method, url, true);
+            xhr.withCredentials = config.credentials === "include";
+            // @ts-ignore
+            xhr.responseType = isImg ? "blob" : config.type;
+            var headers = config.headers;
+            if (headers) {
+                Object.keys(headers).forEach(function(name1) {
+                    xhr.setRequestHeader(name1, headers[name1]);
+                });
+            }
+            // @ts-ignore
+            xhr.send(config.body);
+        });
+    }
+    function getMimeTypeFromUrl(url) {
+        var extname = url.substring(url.lastIndexOf(".") + 1);
+        return mimeType[extname];
+    }
+    var MultiExecutor = /*#__PURE__*/ function() {
+        var MultiExecutor = function MultiExecutor(execFunc, totalCount, interval) {
+            this.execFunc = execFunc;
+            this.totalCount = totalCount;
+            this.interval = interval;
+            this._timeoutId = -100;
+            this._currentCount = 0;
+            this.exec = this.exec.bind(this);
+        };
+        var _proto = MultiExecutor.prototype;
+        _proto.start = function start() {
+            this.exec();
+            return this;
+        };
+        _proto.onComplete = function onComplete(func) {
+            this._onComplete = func;
+            return this;
+        };
+        _proto.onError = function onError(func) {
+            this._onError = func;
+            return this;
+        };
+        _proto.cancel = function cancel() {
+            window.clearTimeout(this._timeoutId);
+        };
+        _proto.exec = function exec() {
+            var _this = this;
+            if (this._currentCount >= this.totalCount) {
+                this._onError && this._onError(this._error);
+                return;
+            }
+            this._currentCount++;
+            this.execFunc(this._currentCount).then(function(result) {
+                return _this._onComplete && _this._onComplete(result);
+            }).catch(function(e) {
+                _this._error = e;
+                _this._timeoutId = window.setTimeout(_this.exec, _this.interval);
+            });
+        };
+        return MultiExecutor;
+    }();
     /**
      * ResourceManager
      */ var ResourceManager = /*#__PURE__*/ function() {
@@ -24291,6 +24499,23 @@
         };
         /**
        * @internal
+       */ _proto._getRemoteUrl = function _getRemoteUrl(url) {
+            var _this__virtualPathMap_url;
+            return (_this__virtualPathMap_url = this._virtualPathMap[url]) != null ? _this__virtualPathMap_url : url;
+        };
+        /**
+       * @internal
+       */ _proto._requestByRemoteUrl = function _requestByRemoteUrl(url, config) {
+            return request(url, config);
+        };
+        /**
+       * @internal
+       */ _proto._request = function _request(url, config) {
+            var remoteUrl = this._getRemoteUrl(url);
+            return this._requestByRemoteUrl(remoteUrl, config);
+        };
+        /**
+       * @internal
        */ _proto._onSubAssetSuccess = function _onSubAssetSuccess(assetBaseURL, assetSubPath, value) {
             var _this__subAssetPromiseCallbacks_remoteAssetBaseURL;
             var _this__virtualPathMap_assetBaseURL;
@@ -28744,7 +28969,21 @@
             mesh.uploadData(false);
         };
         _proto._initMesh = function _initMesh(engine) {
-            this._mesh = this._createPlane(engine);
+            var mesh = this._mesh = this._createPlane(engine);
+            engine.resourceManager.addContentRestorer(new /*#__PURE__*/ (function(ContentRestorer) {
+                var _class = function _class() {
+                    return ContentRestorer.call(this, mesh);
+                };
+                _inherits$2(_class, ContentRestorer);
+                var _proto = _class.prototype;
+                _proto.restoreContent = function restoreContent() {
+                    mesh.setPositions(mesh.getPositions());
+                    mesh.setUVs(mesh.getUVs());
+                    mesh.setIndices(mesh.getIndices());
+                    mesh.uploadData(false);
+                };
+                return _class;
+            }(ContentRestorer))());
             this._mesh._addReferCount(1);
         };
         _proto._initMaterial = function _initMaterial(engine) {
@@ -30962,162 +31201,12 @@
     __decorate$1([
         ignoreClone
     ], Script.prototype, "_entityScriptsIndex", void 0);
-    var mimeType = {
-        json: "json",
-        gltf: "json",
-        mtl: "json",
-        prefab: "json",
-        txt: "text",
-        bin: "arraybuffer",
-        png: "image",
-        webp: "image",
-        jpg: "image"
-    };
-    var defaultRetryCount = 1;
-    var defaultTimeout = Infinity;
-    var defaultInterval = 500;
-    /**
-     * Web request.
-     * @param url - The link
-     * @param config - Load configuration
-     */ function request(url, config) {
-        if (config === void 0) config = {};
-        return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-            var _config_retryCount;
-            var retryCount = (_config_retryCount = config.retryCount) != null ? _config_retryCount : defaultRetryCount;
-            var _config_retryInterval;
-            var retryInterval = (_config_retryInterval = config.retryInterval) != null ? _config_retryInterval : defaultInterval;
-            var _config_timeout;
-            config.timeout = (_config_timeout = config.timeout) != null ? _config_timeout : defaultTimeout;
-            var _config_type;
-            config.type = (_config_type = config.type) != null ? _config_type : getMimeTypeFromUrl(url);
-            var executor = new MultiExecutor(function() {
-                return requestRes(url, config).onProgress(setTaskCompleteProgress, setTaskDetailProgress);
-            }, retryCount, retryInterval);
-            executor.start().onError(reject).onComplete(resolve);
-        });
-    }
-    function requestRes(url, config) {
-        return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-            var xhr = new XMLHttpRequest();
-            var isImg = config.type === "image";
-            xhr.timeout = config.timeout;
-            var _config_method;
-            config.method = (_config_method = config.method) != null ? _config_method : "get";
-            xhr.onload = function() {
-                if (xhr.status < 200 || xhr.status >= 300) {
-                    reject(new Error("request failed from: " + url));
-                    return;
-                }
-                var _xhr_response;
-                var result = (_xhr_response = xhr.response) != null ? _xhr_response : xhr.responseText;
-                if (isImg) {
-                    var img = new Image();
-                    img.onload = function() {
-                        // Call requestAnimationFrame to avoid iOS's bug.
-                        requestAnimationFrame(function() {
-                            setTaskCompleteProgress(1, 1);
-                            //@ts-ignore
-                            resolve(img);
-                            img.onload = null;
-                            img.onerror = null;
-                            img.onabort = null;
-                            URL.revokeObjectURL(img.src);
-                        });
-                    };
-                    img.onerror = img.onabort = function() {
-                        reject(new Error("request " + img.src + " fail"));
-                        URL.revokeObjectURL(img.src);
-                    };
-                    img.crossOrigin = "anonymous";
-                    img.src = URL.createObjectURL(result);
-                } else {
-                    setTaskCompleteProgress(1, 1);
-                    resolve(result);
-                }
-            };
-            xhr.onerror = function() {
-                reject(new Error("request failed from: " + url));
-            };
-            xhr.ontimeout = function() {
-                reject(new Error("request timeout from: " + url));
-            };
-            xhr.onprogress = function(e) {
-                if (e.lengthComputable) {
-                    setTaskDetailProgress(url, e.loaded, e.total);
-                }
-            };
-            xhr.open(config.method, url, true);
-            xhr.withCredentials = config.credentials === "include";
-            // @ts-ignore
-            xhr.responseType = isImg ? "blob" : config.type;
-            var headers = config.headers;
-            if (headers) {
-                Object.keys(headers).forEach(function(name1) {
-                    xhr.setRequestHeader(name1, headers[name1]);
-                });
-            }
-            // @ts-ignore
-            xhr.send(config.body);
-        });
-    }
-    function getMimeTypeFromUrl(url) {
-        var extname = url.substring(url.lastIndexOf(".") + 1);
-        return mimeType[extname];
-    }
-    var MultiExecutor = /*#__PURE__*/ function() {
-        var MultiExecutor = function MultiExecutor(execFunc, totalCount, interval) {
-            this.execFunc = execFunc;
-            this.totalCount = totalCount;
-            this.interval = interval;
-            this._timeoutId = -100;
-            this._currentCount = 0;
-            this.exec = this.exec.bind(this);
-        };
-        var _proto = MultiExecutor.prototype;
-        _proto.start = function start() {
-            this.exec();
-            return this;
-        };
-        _proto.onComplete = function onComplete(func) {
-            this._onComplete = func;
-            return this;
-        };
-        _proto.onError = function onError(func) {
-            this._onError = func;
-            return this;
-        };
-        _proto.cancel = function cancel() {
-            window.clearTimeout(this._timeoutId);
-        };
-        _proto.exec = function exec() {
-            var _this = this;
-            if (this._currentCount >= this.totalCount) {
-                this._onError && this._onError(this._error);
-                return;
-            }
-            this._currentCount++;
-            this.execFunc(this._currentCount).then(function(result) {
-                return _this._onComplete && _this._onComplete(result);
-            }).catch(function(e) {
-                _this._error = e;
-                _this._timeoutId = window.setTimeout(_this.exec, _this.interval);
-            });
-        };
-        return MultiExecutor;
-    }();
     /**
      * Loader abstract class.
      */ var Loader = /*#__PURE__*/ function() {
         var Loader = function Loader(useCache) {
             this.useCache = useCache;
         };
-        var _proto = Loader.prototype;
-        _proto.request = function request1(url, resourceManager, config) {
-            var _resourceManager__virtualPathMap_url;
-            var remoteUrl = (_resourceManager__virtualPathMap_url = resourceManager._virtualPathMap[url]) != null ? _resourceManager__virtualPathMap_url : url;
-            return request(remoteUrl, config);
-        };
         /**
        * Register a class with a string name for serialization and deserialization.
        * @param key - class name
@@ -34885,6 +34974,10 @@
             if (!this._supportInstancedArrays) {
                 return;
             }
+            // Don't need to render when no particles
+            if (!this.generator._getAliveParticleCount()) {
+                return;
+            }
             Renderer1.prototype._prepareRender.call(this, context);
         };
         /**
@@ -36033,6 +36126,7 @@
             /** Control how the Particle Generator applies its Transform component to the particles it emits. */ this.scalingMode = exports.ParticleScaleMode.Local;
             /** If set to true, the Particle Generator automatically begins to play on startup. */ this.playOnEnabled = true;
             /** @internal */ this._maxParticleBuffer = 1000;
+            /** @internal */ this._startDelayRand = new Rand(0, ParticleRandomSubSeeds.StartDelay);
             /** @internal */ this._startSpeedRand = new Rand(0, ParticleRandomSubSeeds.StartSpeed);
             /** @internal */ this._startLifeTimeRand = new Rand(0, ParticleRandomSubSeeds.StartLifetime);
             /** @internal */ this._startColorRand = new Rand(0, ParticleRandomSubSeeds.StartColor);
@@ -36317,6 +36411,9 @@
     __decorate$1([
         ignoreClone
     ], MainModule.prototype, "_maxParticleBuffer", void 0);
+    __decorate$1([
+        ignoreClone
+    ], MainModule.prototype, "_startDelayRand", void 0);
     __decorate$1([
         ignoreClone
     ], MainModule.prototype, "_startSpeedRand", void 0);
@@ -37155,6 +37252,7 @@
             this._transformedBoundsCount = 0;
             this._firstActiveTransformedBoundingBox = 0;
             this._firstFreeTransformedBoundingBox = 0;
+            this._playStartDelay = 0;
             this._renderer = renderer;
             var subPrimitive = new SubPrimitive();
             subPrimitive.start = 0;
@@ -37183,6 +37281,7 @@
                 if (this.useAutoRandomSeed) {
                     this._resetGlobalRandSeed(Math.floor(Math.random() * 0xffffffff)); // 2^32 - 1
                 }
+                this._playStartDelay = this.main.startDelay.evaluate(undefined, this.main._startDelayRand.random());
             }
         };
         /**
@@ -37223,7 +37322,8 @@
        */ _proto._emit = function _emit(time, count) {
             if (this.emission.enabled) {
                 // Wait the existing particles to be retired
-                if (this.main._maxParticleBuffer < this._currentParticleCount) {
+                var notRetireParticleCount = this._getNotRetiredParticleCount();
+                if (notRetireParticleCount >= this.main.maxParticles) {
                     return;
                 }
                 var position = ParticleGenerator._tempVector30;
@@ -37252,7 +37352,18 @@
             var _this = this, main = _this.main, emission = _this.emission;
             var duration = main.duration;
             var lastPlayTime = this._playTime;
-            this._playTime += elapsedTime * main.simulationSpeed;
+            var deltaTime = elapsedTime * main.simulationSpeed;
+            // Process start delay time
+            if (this._playStartDelay > 0) {
+                var remainingDelay = this._playStartDelay -= deltaTime;
+                if (remainingDelay < 0) {
+                    this._playTime -= remainingDelay;
+                    this._playStartDelay = 0;
+                } else {
+                    return;
+                }
+            }
+            this._playTime += deltaTime;
             this._retireActiveParticles();
             this._freeRetiredParticles();
             if (main.simulationSpace === exports.ParticleSimulationSpace.World) {
@@ -38029,6 +38140,9 @@
     __decorate$1([
         ignoreClone
     ], ParticleGenerator.prototype, "_firstFreeTransformedBoundingBox", void 0);
+    __decorate$1([
+        ignoreClone
+    ], ParticleGenerator.prototype, "_playStartDelay", void 0);
     /**
      * Particle Material.
      */ var ParticleMaterial = /*#__PURE__*/ function(BaseMaterial1) {
@@ -42678,9 +42792,9 @@
         _inherits(EditorTextureLoader, Loader1);
         var _proto = EditorTextureLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(data) {
                     decode(data, resourceManager.engine).then(function(texture) {
@@ -42718,7 +42832,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(data) {
                     return decode(data, resourceManager.engine).then(function(clip) {
@@ -42769,7 +42884,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     var animatorController = new AnimatorController(resourceManager.engine);
@@ -42884,7 +43000,8 @@
                     resolve(result.buffer);
                 });
             }
-            return this.request(url, resourceManager, _extends({}, item, {
+            // @ts-ignore
+            return resourceManager._request(url, _extends({}, item, {
                 type: "arraybuffer"
             }));
         };
@@ -42903,9 +43020,9 @@
         _inherits(EnvLoader, Loader1);
         var _proto = EnvLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(arraybuffer) {
                     var _this;
@@ -42981,7 +43098,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     var fontName = data.fontName, fontUrl = data.fontUrl;
@@ -43721,28 +43839,29 @@
                 BIN: 0x004e4942
             };
             var dataView = new DataView(originBuffer);
-            // read header
+            // Read header
             var header = {
                 magic: dataView.getUint32(0, true),
                 version: dataView.getUint32(UINT32_LENGTH, true),
                 length: dataView.getUint32(2 * UINT32_LENGTH, true)
             };
+            // Return the original buffer if it is not a glb
             if (header.magic !== GLB_HEADER_MAGIC) {
                 return {
                     originBuffer: originBuffer
                 };
             }
-            // read main data
+            // Read main data
             var chunkLength = dataView.getUint32(GLB_HEADER_LENGTH, true);
             var chunkType = dataView.getUint32(GLB_HEADER_LENGTH + UINT32_LENGTH, true);
-            // read glTF json
+            // Read glTF json
             if (chunkType !== GLB_CHUNK_TYPES.JSON) {
                 console.error("Invalid glb chunk type. Expected 0x4E4F534A, found 0x" + chunkType.toString(16));
                 return null;
             }
             var glTFData = new Uint8Array(originBuffer, GLB_HEADER_LENGTH + 2 * UINT32_LENGTH, chunkLength);
             var glTF = JSON.parse(Utils.decodeText(glTFData));
-            // read all buffers
+            // Read all buffers
             var buffers = [];
             var byteOffset = GLB_HEADER_LENGTH + 2 * UINT32_LENGTH + chunkLength;
             var restoreGLBBufferSlice = context.contentRestorer.glbBufferSlices;
@@ -44623,9 +44742,9 @@
         /**
        * @internal
        */ _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-                _this.request(item.url, resourceManager, {
+                resourceManager // @ts-ignore
+                ._request(item.url, {
                     type: "arraybuffer"
                 }).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
                     return exports.KTX2Loader._parseBuffer(new Uint8Array(buffer), resourceManager.engine, item.params).then(function(param) {
@@ -45154,18 +45273,23 @@
         _inherits(GLTFSchemaParser, GLTFParser1);
         var _proto = GLTFSchemaParser.prototype;
         _proto.parse = function parse(context) {
-            var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer;
+            var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer, resourceManager = context.resourceManager;
             var url = glTFResource.url;
             var restoreBufferRequests = contentRestorer.bufferRequests;
             var requestConfig = {
                 type: "arraybuffer"
             };
-            var _context_resourceManager__virtualPathMap_url;
             // @ts-ignore
-            var remoteUrl = (_context_resourceManager__virtualPathMap_url = context.resourceManager._virtualPathMap[url]) != null ? _context_resourceManager__virtualPathMap_url : url;
-            return request(remoteUrl, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(buffer) {
-                restoreBufferRequests.push(new BufferRequestInfo(remoteUrl, requestConfig));
-                return GLTFUtils.parseGLB(context, buffer);
+            var remoteUrl = resourceManager._getRemoteUrl(url);
+            return resourceManager // @ts-ignore
+            ._requestByRemoteUrl(remoteUrl, requestConfig).onProgress(undefined, context._onTaskDetail).then(function(buffer) {
+                var _parseResult;
+                var parseResult = GLTFUtils.parseGLB(context, buffer);
+                // If the buffer is a GLB file, we need to restore the buffer data
+                if ((_parseResult = parseResult) == null ? void 0 : _parseResult.glTF) {
+                    restoreBufferRequests.push(new BufferRequestInfo(remoteUrl, requestConfig));
+                }
+                return parseResult;
             }).then(function(result) {
                 var _result;
                 if ((_result = result) == null ? void 0 : _result.glTF) {
@@ -45388,18 +45512,18 @@
             return context.buffers ? Promise.resolve(context.buffers[index]) : this._parseSingleBuffer(context, buffers[index]);
         };
         _proto._parseSingleBuffer = function _parseSingleBuffer(context, bufferInfo) {
-            var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer;
+            var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer, resourceManager = context.resourceManager;
             var url = glTFResource.url;
-            var _context_resourceManager__virtualPathMap_url;
             // @ts-ignore
-            var remoteUrl = (_context_resourceManager__virtualPathMap_url = context.resourceManager._virtualPathMap[url]) != null ? _context_resourceManager__virtualPathMap_url : url;
+            var remoteUrl = resourceManager._getRemoteUrl(url);
             var restoreBufferRequests = contentRestorer.bufferRequests;
             var requestConfig = {
                 type: "arraybuffer"
             };
             var absoluteUrl = Utils.resolveAbsoluteUrl(remoteUrl, bufferInfo.uri);
             restoreBufferRequests.push(new BufferRequestInfo(absoluteUrl, requestConfig));
-            var promise = request(absoluteUrl, requestConfig).onProgress(undefined, context._onTaskDetail);
+            var promise = resourceManager // @ts-ignore
+            ._requestByRemoteUrl(absoluteUrl, requestConfig).onProgress(undefined, context._onTaskDetail);
             context._addTaskCompletePromise(promise);
             return promise;
         };
@@ -46493,10 +46617,10 @@
         _inherits(PrefabLoader, Loader1);
         var _proto = PrefabLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     PrefabParser.parse(engine, item.url, data).then(resolve).catch(reject);
@@ -46519,26 +46643,34 @@
         _inherits(HDRLoader1, Loader1);
         var _proto = HDRLoader1.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
                 var engine = resourceManager.engine;
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                var requestConfig = _extends({}, item, {
                     type: "arraybuffer"
-                })).then(function(buffer) {
-                    var uint8Array = new Uint8Array(buffer);
-                    var _HDRLoader__parseHeader = HDRLoader._parseHeader(uint8Array), width = _HDRLoader__parseHeader.width, height = _HDRLoader__parseHeader.height, dataPosition = _HDRLoader__parseHeader.dataPosition;
-                    var pixels = HDRLoader._readPixels(uint8Array.subarray(dataPosition), width, height);
-                    var cubeSize = height >> 1;
-                    var cubeMapData = HDRLoader._convertToCubemap(pixels, width, height, cubeSize);
-                    var texture = new TextureCube(engine, cubeSize);
-                    for(var faceIndex = 0; faceIndex < 6; faceIndex++){
-                        texture.setPixelBuffer(exports.TextureCubeFace.PositiveX + faceIndex, cubeMapData[faceIndex], 0);
-                    }
-                    texture.generateMipmaps();
+                });
+                resourceManager // @ts-ignore
+                ._request(item.url, requestConfig).then(function(buffer) {
+                    var texture = HDRLoader._setTextureByBuffer(engine, buffer);
+                    engine.resourceManager.addContentRestorer(new HDRContentRestorer(texture, item.url, requestConfig));
                     resolve(texture);
                 }).catch(reject);
             });
         };
+        /**
+       * @internal
+       */ HDRLoader1._setTextureByBuffer = function _setTextureByBuffer(engine, buffer, texture) {
+            var bufferArray = new Uint8Array(buffer);
+            var _HDRLoader__parseHeader = HDRLoader._parseHeader(bufferArray), width = _HDRLoader__parseHeader.width, height = _HDRLoader__parseHeader.height, dataPosition = _HDRLoader__parseHeader.dataPosition;
+            var cubeSize = height >> 1;
+            texture || (texture = new TextureCube(engine, cubeSize));
+            var pixels = HDRLoader._readPixels(bufferArray.subarray(dataPosition), width, height);
+            var cubeMapData = HDRLoader._convertToCubemap(pixels, width, height, cubeSize);
+            for(var faceIndex = 0; faceIndex < 6; faceIndex++){
+                texture.setPixelBuffer(exports.TextureCubeFace.PositiveX + faceIndex, cubeMapData[faceIndex], 0);
+            }
+            texture.generateMipmaps();
+            return texture;
+        };
         HDRLoader1._convertToCubemap = function _convertToCubemap(pixels, inputWidth, inputHeight, size) {
             if (!pixels) {
                 throw "ConvertPanoramaToCubemap: input cannot be null";
@@ -46830,6 +46962,29 @@
             "hdr"
         ])
     ], HDRLoader);
+    /**
+     * @internal
+     */ var HDRContentRestorer = /*#__PURE__*/ function(ContentRestorer1) {
+        var HDRContentRestorer = function HDRContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer1.call(this, resource) || this;
+            _this.url = url;
+            _this.requestConfig = requestConfig;
+            return _this;
+        };
+        _inherits(HDRContentRestorer, ContentRestorer1);
+        var _proto = HDRContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            return new AssetPromise(function(resolve, reject) {
+                request(_this.url, _this.requestConfig).then(function(buffer) {
+                    HDRLoader._setTextureByBuffer(_this.resource.engine, buffer, _this.resource);
+                    resolve(_this.resource);
+                }).catch(reject);
+            });
+        };
+        return HDRContentRestorer;
+    }(ContentRestorer);
     var JSONLoader = /*#__PURE__*/ function(Loader1) {
         var JSONLoader = function JSONLoader() {
             return Loader1.apply(this, arguments);
@@ -46837,7 +46992,8 @@
         _inherits(JSONLoader, Loader1);
         var _proto = JSONLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            return this.request(item.url, resourceManager, _extends({}, item, {
+            // @ts-ignore
+            return resourceManager._request(item.url, _extends({}, item, {
                 type: "json"
             }));
         };
@@ -47038,10 +47194,9 @@
         _inherits(KTXCubeLoader, Loader1);
         var _proto = KTXCubeLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
                 Promise.all(item.urls.map(function(url) {
-                    return _this.request(url, resourceManager, _extends({}, item, {
+                    return resourceManager._request(url, _extends({}, item, {
                         type: "arraybuffer"
                     }));
                 })).then(function(data) {
@@ -47074,9 +47229,9 @@
         _inherits(KTXLoader, Loader1);
         var _proto = KTXLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(bin) {
                     var parsedData = parseSingleKTX(bin);
@@ -47118,7 +47273,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(materialSchema) {
                     var engine = resourceManager.engine;
@@ -47200,9 +47356,9 @@
         _inherits(MeshLoader, Loader1);
         var _proto = MeshLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "arraybuffer"
                 })).then(function(data) {
                     return decode(data, resourceManager.engine);
@@ -47226,7 +47382,8 @@
         var _proto = PrimitiveMeshLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var engine = resourceManager.engine;
-            return this.request(item.url, resourceManager, _extends({}, item, {
+            return resourceManager // @ts-ignore
+            ._request(item.url, _extends({}, item, {
                 type: "json"
             })).then(function(data) {
                 switch(data.type){
@@ -47271,10 +47428,10 @@
         _inherits(ProjectLoader, Loader1);
         var _proto = ProjectLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     // @ts-ignore
@@ -47305,9 +47462,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                var _resourceManager__virtualPathMap_item_url;
                 // @ts-ignore
-                var url = (_resourceManager__virtualPathMap_item_url = resourceManager._virtualPathMap[item.url]) != null ? _resourceManager__virtualPathMap_item_url : item.url;
+                var url = resourceManager._getRemoteUrl(item.url);
                 _this._registerFont(url, url).then(function() {
                     var font = new Font(resourceManager.engine, url);
                     resolve(font);
@@ -47366,7 +47522,8 @@
                         chainPromises[i].cancel();
                     }
                 });
-                var configPromise = _this.request(item.url, resourceManager, _extends({}, item, {
+                // @ts-ignore
+                var configPromise = resourceManager._request(item.url, _extends({}, item, {
                     type: "json"
                 }));
                 chainPromises.push(configPromise);
@@ -47448,7 +47605,8 @@
         var _proto = SpriteLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
-            return this.request(item.url, resourceManager, _extends({}, item, {
+            return resourceManager // @ts-ignore
+            ._request(item.url, _extends({}, item, {
                 type: "json"
             })).then(function(data) {
                 return data.belongToAtlas ? _this._loadFromAtlas(resourceManager, data) : _this._loadFromTexture(resourceManager, data);
@@ -47518,13 +47676,13 @@
         _inherits(Texture2DLoader, Loader1);
         var _proto = Texture2DLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
                 var url = item.url;
                 var requestConfig = _extends({}, item, {
                     type: "image"
                 });
-                _this.request(url, resourceManager, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
+                resourceManager // @ts-ignore
+                ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(image) {
                     var _item_params;
                     var _ref = (_item_params = item.params) != null ? _item_params : {}, format = _ref.format, mipmap = _ref.mipmap, anisoLevel = _ref.anisoLevel, wrapModeU = _ref.wrapModeU, wrapModeV = _ref.wrapModeV, filterMode = _ref.filterMode;
                     var texture = new Texture2D(resourceManager.engine, image.width, image.height, format, mipmap);
@@ -47593,14 +47751,14 @@
         _inherits(TextureCubeLoader, Loader1);
         var _proto = TextureCubeLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             return new AssetPromise(function(resolve, reject) {
                 var urls = item.urls;
                 var requestConfig = _extends({}, item, {
                     type: "image"
                 });
+                // @ts-ignore
                 Promise.all(urls.map(function(url) {
-                    return _this.request(url, resourceManager, requestConfig);
+                    return resourceManager._request(url, requestConfig);
                 })).then(function(images) {
                     var _images_ = images[0], width = _images_.width, height = _images_.height;
                     if (width !== height) {
@@ -47635,7 +47793,8 @@
         var _proto = ShaderChunkLoader1.prototype;
         _proto.load = function load(item, resourceManager) {
             var url = item.url;
-            return this.request(url, resourceManager, _extends({}, item, {
+            // @ts-ignore
+            return resourceManager._request(url, _extends({}, item, {
                 type: "text"
             })).then(function(code) {
                 ShaderFactory.registerInclude(url.substring(1), code);
@@ -47680,7 +47839,8 @@
         _proto.load = function load(item, resourceManager) {
             var _this = this;
             var url = item.url;
-            return this.request(url, resourceManager, _extends({}, item, {
+            // @ts-ignore
+            return resourceManager._request(url, _extends({}, item, {
                 type: "text"
             })).then(function(code) {
                 var builtinShader = _this._getBuiltinShader(code);
@@ -47716,10 +47876,10 @@
         _inherits(SceneLoader, Loader1);
         var _proto = SceneLoader.prototype;
         _proto.load = function load(item, resourceManager) {
-            var _this = this;
             var engine = resourceManager.engine;
             return new AssetPromise(function(resolve, reject) {
-                _this.request(item.url, resourceManager, _extends({}, item, {
+                resourceManager // @ts-ignore
+                ._request(item.url, _extends({}, item, {
                     type: "json"
                 })).then(function(data) {
                     return SceneParser.parse(engine, data).then(function(scene) {
@@ -48268,7 +48428,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.3.19";
+    var version = "1.3.21";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);