@galacean/engine 1.4.15 → 1.4.16

package/dist/browser.js

@@ -7625,7 +7625,7 @@
                 return relativeUrl;
             }
             if (!/^https?:/.test(baseUrl)) {
-                var fileSchema = "files://";
+                var fileSchema = "file://";
                 baseUrl = fileSchema + baseUrl;
                 return new URL(relativeUrl, baseUrl).href.substring(fileSchema.length);
             }
@@ -25626,344 +25626,6 @@
     exports.Collider = __decorate$1([
         dependentComponents(Transform, DependentMode.CheckOnly)
     ], exports.Collider);
-    /**
-     * Describes a contact point where the collision occurs.
-     */ var ContactPoint = function ContactPoint() {
-        /** The position of the contact point between the shapes, in world space. */ this.position = new Vector3();
-        /** The normal of the contacting surfaces at the contact point. The normal direction points from the other shape to the self shape. */ this.normal = new Vector3();
-        /** The impulse applied at the contact point, in world space. Divide by the simulation time step to get a force value. */ this.impulse = new Vector3();
-    };
-    /**
-     * Collision information between two shapes when they collide.
-     */ var Collision = /*#__PURE__*/ function() {
-        function Collision() {}
-        var _proto = Collision.prototype;
-        /**
-       * Get contact points.
-       * @param outContacts - The result of contact points
-       * @returns The actual count of contact points
-       *
-       * @remarks To optimize performance, the engine does not modify the length of the array you pass.
-       * You need to obtain the actual number of contact points from the function's return value.
-       */ _proto.getContacts = function getContacts(outContacts) {
-            var nativeCollision = this._nativeCollision;
-            var smallerShapeId = Math.min(nativeCollision.shape0Id, nativeCollision.shape1Id);
-            var factor = this.shape.id === smallerShapeId ? 1 : -1;
-            var nativeContactPoints = nativeCollision.getContacts();
-            var length = nativeContactPoints.size();
-            for(var i = 0; i < length; i++){
-                var _outContacts, _i;
-                var nativeContractPoint = nativeContactPoints.get(i);
-                var contact = (_outContacts = outContacts)[_i = i] || (_outContacts[_i] = new ContactPoint());
-                contact.position.copyFrom(nativeContractPoint.position);
-                contact.normal.copyFrom(nativeContractPoint.normal).scale(factor);
-                contact.impulse.copyFrom(nativeContractPoint.impulse).scale(factor);
-                contact.separation = nativeContractPoint.separation;
-            }
-            return length;
-        };
-        _create_class$2(Collision, [
-            {
-                key: "contactCount",
-                get: /**
-       * Count of contact points.
-       */ function get() {
-                    return this._nativeCollision.contactCount;
-                }
-            }
-        ]);
-        return Collision;
-    }();
-    /**
-     * A physics scene is a collection of colliders and constraints which can interact.
-     */ var PhysicsScene = /*#__PURE__*/ function() {
-        function PhysicsScene(scene) {
-            this._restTime = 0;
-            this._fixedTimeStep = 1 / 60;
-            this._colliders = new DisorderedArray();
-            this._gravity = new Vector3(0, -9.81, 0);
-            this._onContactEnter = function(nativeCollision) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
-                var shape1 = physicalObjectsMap[shape0Id];
-                var shape2 = physicalObjectsMap[shape1Id];
-                var collision = PhysicsScene._collision;
-                collision._nativeCollision = nativeCollision;
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape2;
-                    element.onCollisionEnter(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape1;
-                    element.onCollisionEnter(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._onContactExit = function(nativeCollision) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
-                var shape1 = physicalObjectsMap[shape0Id];
-                var shape2 = physicalObjectsMap[shape1Id];
-                var collision = PhysicsScene._collision;
-                collision._nativeCollision = nativeCollision;
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape2;
-                    element.onCollisionExit(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape1;
-                    element.onCollisionExit(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._onContactStay = function(nativeCollision) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
-                var shape1 = physicalObjectsMap[shape0Id];
-                var shape2 = physicalObjectsMap[shape1Id];
-                var collision = PhysicsScene._collision;
-                collision._nativeCollision = nativeCollision;
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape2;
-                    element.onCollisionStay(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    collision.shape = shape1;
-                    element.onCollisionStay(collision);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._onTriggerEnter = function(obj1, obj2) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape1 = physicalObjectsMap[obj1];
-                var shape2 = physicalObjectsMap[obj2];
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerEnter(shape2);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerEnter(shape1);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._onTriggerExit = function(obj1, obj2) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape1 = physicalObjectsMap[obj1];
-                var shape2 = physicalObjectsMap[obj2];
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerExit(shape2);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerExit(shape1);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._onTriggerStay = function(obj1, obj2) {
-                var physicalObjectsMap = Engine._physicalObjectsMap;
-                var shape1 = physicalObjectsMap[obj1];
-                var shape2 = physicalObjectsMap[obj2];
-                shape1.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerStay(shape2);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-                shape2.collider.entity._scripts.forEach(function(element) {
-                    element.onTriggerStay(shape1);
-                }, function(element, index) {
-                    element._entityScriptsIndex = index;
-                });
-            };
-            this._scene = scene;
-            this._setGravity = this._setGravity.bind(this);
-            //@ts-ignore
-            this._gravity._onValueChanged = this._setGravity;
-            var engine = scene.engine;
-            if (engine._physicsInitialized) {
-                this._nativePhysicsScene = PhysicsScene._nativePhysics.createPhysicsScene(engine._nativePhysicsManager, this._onContactEnter, this._onContactExit, this._onContactStay, this._onTriggerEnter, this._onTriggerExit, this._onTriggerStay);
-            }
-        }
-        var _proto = PhysicsScene.prototype;
-        _proto.raycast = function raycast(ray, distanceOrResult, layerMaskOrResult, outHitResult) {
-            var hitResult;
-            var distance = Number.MAX_VALUE;
-            if (typeof distanceOrResult === "number") {
-                distance = distanceOrResult;
-            } else if (distanceOrResult != undefined) {
-                hitResult = distanceOrResult;
-            }
-            var layerMask = Layer.Everything;
-            if (typeof layerMaskOrResult === "number") {
-                layerMask = layerMaskOrResult;
-            } else if (layerMaskOrResult != undefined) {
-                hitResult = layerMaskOrResult;
-            }
-            if (outHitResult) {
-                hitResult = outHitResult;
-            }
-            var onRaycast = function onRaycast(obj) {
-                var shape = Engine._physicalObjectsMap[obj];
-                if (!shape) {
-                    return false;
-                }
-                return shape.collider.entity.layer & layerMask && shape.isSceneQuery;
-            };
-            var outIDX;
-            var outDistance;
-            var outPosition;
-            var outNormal;
-            if (hitResult != undefined) {
-                var result = this._nativePhysicsScene.raycast(ray, distance, onRaycast, function(idx, distance, position, normal) {
-                    outIDX = idx;
-                    outDistance = distance;
-                    outPosition = position;
-                    outNormal = normal;
-                });
-                if (result) {
-                    var hitShape = Engine._physicalObjectsMap[outIDX];
-                    hitResult.entity = hitShape._collider.entity;
-                    hitResult.shape = hitShape;
-                    hitResult.distance = outDistance;
-                    hitResult.point.copyFrom(outPosition);
-                    hitResult.normal.copyFrom(outNormal);
-                    return true;
-                } else {
-                    hitResult.entity = null;
-                    hitResult.shape = null;
-                    hitResult.distance = 0;
-                    hitResult.point.set(0, 0, 0);
-                    hitResult.normal.set(0, 0, 0);
-                    return false;
-                }
-            } else {
-                return this._nativePhysicsScene.raycast(ray, distance, onRaycast);
-            }
-        };
-        /**
-       * Call on every frame to update pose of objects.
-       * @internal
-       */ _proto._update = function _update(deltaTime) {
-            var _this = this, fixedTimeStep = _this._fixedTimeStep, nativePhysicsManager = _this._nativePhysicsScene;
-            var componentsManager = this._scene._componentsManager;
-            var simulateTime = this._restTime + deltaTime;
-            var step = Math.floor(simulateTime / fixedTimeStep);
-            this._restTime = simulateTime - step * fixedTimeStep;
-            for(var i = 0; i < step; i++){
-                componentsManager.callScriptOnPhysicsUpdate();
-                this._callColliderOnUpdate();
-                nativePhysicsManager.update(fixedTimeStep);
-                this._callColliderOnLateUpdate();
-            }
-        };
-        /**
-       * Add collider into the manager.
-       * @param collider - StaticCollider or DynamicCollider.
-       * @internal
-       */ _proto._addCollider = function _addCollider(collider) {
-            if (collider._index === -1) {
-                collider._index = this._colliders.length;
-                this._colliders.add(collider);
-            }
-            this._nativePhysicsScene.addCollider(collider._nativeCollider);
-        };
-        /**
-       * Add character controller into the manager.
-       * @param controller - Character Controller.
-       * @internal
-       */ _proto._addCharacterController = function _addCharacterController(controller) {
-            if (controller._index === -1) {
-                controller._index = this._colliders.length;
-                this._colliders.add(controller);
-            }
-            this._nativePhysicsScene.addCharacterController(controller._nativeCollider);
-        };
-        /**
-       * Remove collider.
-       * @param collider - StaticCollider or DynamicCollider.
-       * @internal
-       */ _proto._removeCollider = function _removeCollider(collider) {
-            var replaced = this._colliders.deleteByIndex(collider._index);
-            replaced && (replaced._index = collider._index);
-            collider._index = -1;
-            this._nativePhysicsScene.removeCollider(collider._nativeCollider);
-        };
-        /**
-       * Remove collider.
-       * @param controller - Character Controller.
-       * @internal
-       */ _proto._removeCharacterController = function _removeCharacterController(controller) {
-            var replaced = this._colliders.deleteByIndex(controller._index);
-            replaced && (replaced._index = controller._index);
-            controller._index = -1;
-            this._nativePhysicsScene.removeCharacterController(controller._nativeCollider);
-        };
-        /**
-       * @internal
-       */ _proto._callColliderOnUpdate = function _callColliderOnUpdate() {
-            var elements = this._colliders._elements;
-            for(var i = this._colliders.length - 1; i >= 0; --i){
-                elements[i]._onUpdate();
-            }
-        };
-        /**
-       * @internal
-       */ _proto._callColliderOnLateUpdate = function _callColliderOnLateUpdate() {
-            var elements = this._colliders._elements;
-            for(var i = this._colliders.length - 1; i >= 0; --i){
-                elements[i]._onLateUpdate();
-            }
-        };
-        /**
-       * @internal
-       */ _proto._gc = function _gc() {
-            this._colliders.garbageCollection();
-        };
-        _proto._setGravity = function _setGravity() {
-            this._nativePhysicsScene.setGravity(this._gravity);
-        };
-        _create_class$2(PhysicsScene, [
-            {
-                key: "gravity",
-                get: /**
-       * The gravity of physics scene.
-       */ function get() {
-                    return this._gravity;
-                },
-                set: function set(value) {
-                    var gravity = this._gravity;
-                    if (gravity !== value) {
-                        gravity.copyFrom(value);
-                    }
-                }
-            },
-            {
-                key: "fixedTimeStep",
-                get: /**
-       * The fixed time step in seconds at which physics are performed.
-       */ function get() {
-                    return this._fixedTimeStep;
-                },
-                set: function set(value) {
-                    this._fixedTimeStep = Math.max(value, MathUtil.zeroTolerance);
-                }
-            }
-        ]);
-        return PhysicsScene;
-    }();
-    PhysicsScene._collision = new Collision();
     /**
      * The up axis of the collider shape.
      */ var ControllerNonWalkableMode = /*#__PURE__*/ function(ControllerNonWalkableMode) {
@@ -25978,7 +25640,7 @@
         function CharacterController(entity) {
             var _this;
             _this = Collider.call(this, entity) || this, _this._stepOffset = 0.5, _this._nonWalkableMode = ControllerNonWalkableMode.PreventClimbing, _this._upDirection = new Vector3(0, 1, 0), _this._slopeLimit = 45;
-            _this._nativeCollider = PhysicsScene._nativePhysics.createCharacterController();
+            _this._nativeCollider = Engine._nativePhysics.createCharacterController();
             _this._setUpDirection = _this._setUpDirection.bind(_this);
             //@ts-ignore
             _this._upDirection._onValueChanged = _this._setUpDirection;
@@ -26127,7 +25789,7 @@
             var _this;
             _this = Collider.call(this, entity) || this, _this._linearDamping = 0, _this._angularDamping = 0.05, _this._linearVelocity = new Vector3(), _this._angularVelocity = new Vector3(), _this._mass = 1.0, _this._centerOfMass = new Vector3(), _this._inertiaTensor = new Vector3(1, 1, 1), _this._maxAngularVelocity = 18000 / Math.PI, _this._maxDepenetrationVelocity = 1.0000000331813535e32, _this._solverIterations = 4, _this._useGravity = true, _this._isKinematic = false, _this._constraints = 0, _this._collisionDetectionMode = 0, _this._sleepThreshold = 5e-3, _this._automaticCenterOfMass = true, _this._automaticInertiaTensor = true;
             var transform = _this.entity.transform;
-            _this._nativeCollider = PhysicsScene._nativePhysics.createDynamicCollider(transform.worldPosition, transform.worldRotationQuaternion);
+            _this._nativeCollider = Engine._nativePhysics.createDynamicCollider(transform.worldPosition, transform.worldRotationQuaternion);
             _this._setLinearVelocity = _this._setLinearVelocity.bind(_this);
             _this._setAngularVelocity = _this._setAngularVelocity.bind(_this);
             _this._handleCenterOfMassChanged = _this._handleCenterOfMassChanged.bind(_this);
@@ -26598,7 +26260,7 @@
             this._staticFriction = 0.6;
             this._bounceCombine = PhysicsMaterialCombineMode.Average;
             this._frictionCombine = PhysicsMaterialCombineMode.Average;
-            this._nativeMaterial = PhysicsScene._nativePhysics.createPhysicsMaterial(this._staticFriction, this._dynamicFriction, this._bounciness, this._bounceCombine, this._frictionCombine);
+            this._nativeMaterial = Engine._nativePhysics.createPhysicsMaterial(this._staticFriction, this._dynamicFriction, this._bounciness, this._bounceCombine, this._frictionCombine);
         }
         var _proto = PhysicsMaterial.prototype;
         /**
@@ -26681,6 +26343,350 @@
         ]);
         return PhysicsMaterial;
     }();
+    /**
+     * Describes a contact point where the collision occurs.
+     */ var ContactPoint = function ContactPoint() {
+        /** The position of the contact point between the shapes, in world space. */ this.position = new Vector3();
+        /** The normal of the contacting surfaces at the contact point. The normal direction points from the other shape to the self shape. */ this.normal = new Vector3();
+        /** The impulse applied at the contact point, in world space. Divide by the simulation time step to get a force value. */ this.impulse = new Vector3();
+    };
+    /**
+     * Collision information between two shapes when they collide.
+     */ var Collision = /*#__PURE__*/ function() {
+        function Collision() {}
+        var _proto = Collision.prototype;
+        /**
+       * Get contact points.
+       * @param outContacts - The result of contact points
+       * @returns The actual count of contact points
+       *
+       * @remarks To optimize performance, the engine does not modify the length of the array you pass.
+       * You need to obtain the actual number of contact points from the function's return value.
+       */ _proto.getContacts = function getContacts(outContacts) {
+            var nativeCollision = this._nativeCollision;
+            var smallerShapeId = Math.min(nativeCollision.shape0Id, nativeCollision.shape1Id);
+            var factor = this.shape.id === smallerShapeId ? 1 : -1;
+            var nativeContactPoints = nativeCollision.getContacts();
+            var length = nativeContactPoints.size();
+            for(var i = 0; i < length; i++){
+                var _outContacts, _i;
+                var nativeContractPoint = nativeContactPoints.get(i);
+                var contact = (_outContacts = outContacts)[_i = i] || (_outContacts[_i] = new ContactPoint());
+                contact.position.copyFrom(nativeContractPoint.position);
+                contact.normal.copyFrom(nativeContractPoint.normal).scale(factor);
+                contact.impulse.copyFrom(nativeContractPoint.impulse).scale(factor);
+                contact.separation = nativeContractPoint.separation;
+            }
+            return length;
+        };
+        _create_class$2(Collision, [
+            {
+                key: "contactCount",
+                get: /**
+       * Count of contact points.
+       */ function get() {
+                    return this._nativeCollision.contactCount;
+                }
+            }
+        ]);
+        return Collision;
+    }();
+    /**
+     * A physics scene is a collection of colliders and constraints which can interact.
+     */ var PhysicsScene = /*#__PURE__*/ function() {
+        function PhysicsScene(scene) {
+            this._restTime = 0;
+            this._fixedTimeStep = 1 / 60;
+            this._colliders = new DisorderedArray();
+            this._gravity = new Vector3(0, -9.81, 0);
+            this._onContactEnter = function(nativeCollision) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
+                var shape1 = physicalObjectsMap[shape0Id];
+                var shape2 = physicalObjectsMap[shape1Id];
+                var collision = PhysicsScene._collision;
+                collision._nativeCollision = nativeCollision;
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape2;
+                    element.onCollisionEnter(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape1;
+                    element.onCollisionEnter(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._onContactExit = function(nativeCollision) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
+                var shape1 = physicalObjectsMap[shape0Id];
+                var shape2 = physicalObjectsMap[shape1Id];
+                var collision = PhysicsScene._collision;
+                collision._nativeCollision = nativeCollision;
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape2;
+                    element.onCollisionExit(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape1;
+                    element.onCollisionExit(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._onContactStay = function(nativeCollision) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape0Id = nativeCollision.shape0Id, shape1Id = nativeCollision.shape1Id;
+                var shape1 = physicalObjectsMap[shape0Id];
+                var shape2 = physicalObjectsMap[shape1Id];
+                var collision = PhysicsScene._collision;
+                collision._nativeCollision = nativeCollision;
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape2;
+                    element.onCollisionStay(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    collision.shape = shape1;
+                    element.onCollisionStay(collision);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._onTriggerEnter = function(obj1, obj2) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape1 = physicalObjectsMap[obj1];
+                var shape2 = physicalObjectsMap[obj2];
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerEnter(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerEnter(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._onTriggerExit = function(obj1, obj2) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape1 = physicalObjectsMap[obj1];
+                var shape2 = physicalObjectsMap[obj2];
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerExit(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerExit(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._onTriggerStay = function(obj1, obj2) {
+                var physicalObjectsMap = Engine._physicalObjectsMap;
+                var shape1 = physicalObjectsMap[obj1];
+                var shape2 = physicalObjectsMap[obj2];
+                shape1.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerStay(shape2);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+                shape2.collider.entity._scripts.forEach(function(element) {
+                    element.onTriggerStay(shape1);
+                }, function(element, index) {
+                    element._entityScriptsIndex = index;
+                });
+            };
+            this._scene = scene;
+            this._setGravity = this._setGravity.bind(this);
+            //@ts-ignore
+            this._gravity._onValueChanged = this._setGravity;
+            var engine = scene.engine;
+            if (engine._physicsInitialized) {
+                this._nativePhysicsScene = Engine._nativePhysics.createPhysicsScene(engine._nativePhysicsManager, this._onContactEnter, this._onContactExit, this._onContactStay, this._onTriggerEnter, this._onTriggerExit, this._onTriggerStay);
+            }
+        }
+        var _proto = PhysicsScene.prototype;
+        _proto.raycast = function raycast(ray, distanceOrResult, layerMaskOrResult, outHitResult) {
+            var hitResult;
+            var distance = Number.MAX_VALUE;
+            if (typeof distanceOrResult === "number") {
+                distance = distanceOrResult;
+            } else if (distanceOrResult != undefined) {
+                hitResult = distanceOrResult;
+            }
+            var layerMask = Layer.Everything;
+            if (typeof layerMaskOrResult === "number") {
+                layerMask = layerMaskOrResult;
+            } else if (layerMaskOrResult != undefined) {
+                hitResult = layerMaskOrResult;
+            }
+            if (outHitResult) {
+                hitResult = outHitResult;
+            }
+            var onRaycast = function onRaycast(obj) {
+                var shape = Engine._physicalObjectsMap[obj];
+                if (!shape) {
+                    return false;
+                }
+                return shape.collider.entity.layer & layerMask && shape.isSceneQuery;
+            };
+            var outIDX;
+            var outDistance;
+            var outPosition;
+            var outNormal;
+            if (hitResult != undefined) {
+                var result = this._nativePhysicsScene.raycast(ray, distance, onRaycast, function(idx, distance, position, normal) {
+                    outIDX = idx;
+                    outDistance = distance;
+                    outPosition = position;
+                    outNormal = normal;
+                });
+                if (result) {
+                    var hitShape = Engine._physicalObjectsMap[outIDX];
+                    hitResult.entity = hitShape._collider.entity;
+                    hitResult.shape = hitShape;
+                    hitResult.distance = outDistance;
+                    hitResult.point.copyFrom(outPosition);
+                    hitResult.normal.copyFrom(outNormal);
+                    return true;
+                } else {
+                    hitResult.entity = null;
+                    hitResult.shape = null;
+                    hitResult.distance = 0;
+                    hitResult.point.set(0, 0, 0);
+                    hitResult.normal.set(0, 0, 0);
+                    return false;
+                }
+            } else {
+                return this._nativePhysicsScene.raycast(ray, distance, onRaycast);
+            }
+        };
+        /**
+       * Call on every frame to update pose of objects.
+       * @internal
+       */ _proto._update = function _update(deltaTime) {
+            var _this = this, fixedTimeStep = _this._fixedTimeStep, nativePhysicsManager = _this._nativePhysicsScene;
+            var componentsManager = this._scene._componentsManager;
+            var simulateTime = this._restTime + deltaTime;
+            var step = Math.floor(simulateTime / fixedTimeStep);
+            this._restTime = simulateTime - step * fixedTimeStep;
+            for(var i = 0; i < step; i++){
+                componentsManager.callScriptOnPhysicsUpdate();
+                this._callColliderOnUpdate();
+                nativePhysicsManager.update(fixedTimeStep);
+                this._callColliderOnLateUpdate();
+            }
+        };
+        /**
+       * Add collider into the manager.
+       * @param collider - StaticCollider or DynamicCollider.
+       * @internal
+       */ _proto._addCollider = function _addCollider(collider) {
+            if (collider._index === -1) {
+                collider._index = this._colliders.length;
+                this._colliders.add(collider);
+            }
+            this._nativePhysicsScene.addCollider(collider._nativeCollider);
+        };
+        /**
+       * Add character controller into the manager.
+       * @param controller - Character Controller.
+       * @internal
+       */ _proto._addCharacterController = function _addCharacterController(controller) {
+            if (controller._index === -1) {
+                controller._index = this._colliders.length;
+                this._colliders.add(controller);
+            }
+            this._nativePhysicsScene.addCharacterController(controller._nativeCollider);
+        };
+        /**
+       * Remove collider.
+       * @param collider - StaticCollider or DynamicCollider.
+       * @internal
+       */ _proto._removeCollider = function _removeCollider(collider) {
+            var replaced = this._colliders.deleteByIndex(collider._index);
+            replaced && (replaced._index = collider._index);
+            collider._index = -1;
+            this._nativePhysicsScene.removeCollider(collider._nativeCollider);
+        };
+        /**
+       * Remove collider.
+       * @param controller - Character Controller.
+       * @internal
+       */ _proto._removeCharacterController = function _removeCharacterController(controller) {
+            var replaced = this._colliders.deleteByIndex(controller._index);
+            replaced && (replaced._index = controller._index);
+            controller._index = -1;
+            this._nativePhysicsScene.removeCharacterController(controller._nativeCollider);
+        };
+        /**
+       * @internal
+       */ _proto._callColliderOnUpdate = function _callColliderOnUpdate() {
+            var elements = this._colliders._elements;
+            for(var i = this._colliders.length - 1; i >= 0; --i){
+                elements[i]._onUpdate();
+            }
+        };
+        /**
+       * @internal
+       */ _proto._callColliderOnLateUpdate = function _callColliderOnLateUpdate() {
+            var elements = this._colliders._elements;
+            for(var i = this._colliders.length - 1; i >= 0; --i){
+                elements[i]._onLateUpdate();
+            }
+        };
+        /**
+       * @internal
+       */ _proto._gc = function _gc() {
+            this._colliders.garbageCollection();
+        };
+        /**
+       * @internal
+       */ _proto._destroy = function _destroy() {
+            var _this__nativePhysicsScene;
+            (_this__nativePhysicsScene = this._nativePhysicsScene) == null ? void 0 : _this__nativePhysicsScene.destroy();
+        };
+        _proto._setGravity = function _setGravity() {
+            this._nativePhysicsScene.setGravity(this._gravity);
+        };
+        _create_class$2(PhysicsScene, [
+            {
+                key: "gravity",
+                get: /**
+       * The gravity of physics scene.
+       */ function get() {
+                    return this._gravity;
+                },
+                set: function set(value) {
+                    var gravity = this._gravity;
+                    if (gravity !== value) {
+                        gravity.copyFrom(value);
+                    }
+                }
+            },
+            {
+                key: "fixedTimeStep",
+                get: /**
+       * The fixed time step in seconds at which physics are performed.
+       */ function get() {
+                    return this._fixedTimeStep;
+                },
+                set: function set(value) {
+                    this._fixedTimeStep = Math.max(value, MathUtil.zeroTolerance);
+                }
+            }
+        ]);
+        return PhysicsScene;
+    }();
+    PhysicsScene._collision = new Collision();
     /**
      * A static collider component that will not move.
      * @remarks Mostly used for object which always stays at the same place and never moves around.
@@ -26690,7 +26696,7 @@
             var _this;
             _this = Collider.call(this, entity) || this;
             var transform = _this.entity.transform;
-            _this._nativeCollider = PhysicsScene._nativePhysics.createStaticCollider(transform.worldPosition, transform.worldRotationQuaternion);
+            _this._nativeCollider = Engine._nativePhysics.createStaticCollider(transform.worldPosition, transform.worldRotationQuaternion);
             return _this;
         }
         return StaticCollider;
@@ -27042,7 +27048,7 @@
         _proto._createJoint = function _createJoint() {
             var colliderInfo = this._colliderInfo;
             colliderInfo.collider = this.entity.getComponent(exports.Collider);
-            this._nativeJoint = PhysicsScene._nativePhysics.createFixedJoint(colliderInfo.collider._nativeCollider);
+            this._nativeJoint = Engine._nativePhysics.createFixedJoint(colliderInfo.collider._nativeCollider);
         };
         return FixedJoint;
     }(exports.Joint);
@@ -27082,7 +27088,7 @@
         _proto._createJoint = function _createJoint() {
             var colliderInfo = this._colliderInfo;
             colliderInfo.collider = this.entity.getComponent(exports.Collider);
-            this._nativeJoint = PhysicsScene._nativePhysics.createHingeJoint(colliderInfo.collider._nativeCollider);
+            this._nativeJoint = Engine._nativePhysics.createHingeJoint(colliderInfo.collider._nativeCollider);
         };
         _proto._syncNative = function _syncNative() {
             Joint.prototype._syncNative.call(this);
@@ -27276,7 +27282,7 @@
         _proto._createJoint = function _createJoint() {
             var colliderInfo = this._colliderInfo;
             colliderInfo.collider = this.entity.getComponent(exports.Collider);
-            this._nativeJoint = PhysicsScene._nativePhysics.createSpringJoint(colliderInfo.collider._nativeCollider);
+            this._nativeJoint = Engine._nativePhysics.createSpringJoint(colliderInfo.collider._nativeCollider);
         };
         _proto._syncNative = function _syncNative() {
             Joint.prototype._syncNative.call(this);
@@ -27732,7 +27738,7 @@
         function BoxColliderShape() {
             var _this;
             _this = ColliderShape.call(this) || this, _this._size = new Vector3(1, 1, 1);
-            _this._nativeShape = PhysicsScene._nativePhysics.createBoxColliderShape(_this._id, _this._size, _this._material._nativeMaterial);
+            _this._nativeShape = Engine._nativePhysics.createBoxColliderShape(_this._id, _this._size, _this._material._nativeMaterial);
             //@ts-ignore
             _this._size._onValueChanged = _this._setSize.bind(_this);
             return _this;
@@ -27775,7 +27781,7 @@
         function SphereColliderShape() {
             var _this;
             _this = ColliderShape.call(this) || this, _this._radius = 1;
-            _this._nativeShape = PhysicsScene._nativePhysics.createSphereColliderShape(_this._id, _this._radius, _this._material._nativeMaterial);
+            _this._nativeShape = Engine._nativePhysics.createSphereColliderShape(_this._id, _this._radius, _this._material._nativeMaterial);
             return _this;
         }
         var _proto = SphereColliderShape.prototype;
@@ -27808,7 +27814,7 @@
         function PlaneColliderShape() {
             var _this;
             _this = ColliderShape.call(this) || this;
-            _this._nativeShape = PhysicsScene._nativePhysics.createPlaneColliderShape(_this._id, _this._material._nativeMaterial);
+            _this._nativeShape = Engine._nativePhysics.createPlaneColliderShape(_this._id, _this._material._nativeMaterial);
             return _this;
         }
         var _proto = PlaneColliderShape.prototype;
@@ -27825,7 +27831,7 @@
         function CapsuleColliderShape() {
             var _this;
             _this = ColliderShape.call(this) || this, _this._radius = 1, _this._height = 2, _this._upAxis = ColliderShapeUpAxis.Y;
-            _this._nativeShape = PhysicsScene._nativePhysics.createCapsuleColliderShape(_this._id, _this._radius, _this._height, _this._material._nativeMaterial);
+            _this._nativeShape = Engine._nativePhysics.createCapsuleColliderShape(_this._id, _this._radius, _this._height, _this._material._nativeMaterial);
             return _this;
         }
         var _proto = CapsuleColliderShape.prototype;
@@ -29833,7 +29839,10 @@
             var initializePromises = new Array();
             if (physics) {
                 initializePromises.push(physics.initialize().then(function() {
-                    PhysicsScene._nativePhysics = physics;
+                    if (Engine._nativePhysics) {
+                        console.warn("A physics engine has already been configured. All physics operations will now be handled by the newly specified physics engine.");
+                    }
+                    Engine._nativePhysics = physics;
                     _this._nativePhysicsManager = physics.createPhysicsManager();
                     _this._physicsInitialized = true;
                     return _this;
@@ -31889,6 +31898,7 @@
             this._maskManager.destroy();
             var allCreatedScenes = sceneManager._allCreatedScenes;
             allCreatedScenes.splice(allCreatedScenes.indexOf(this), 1);
+            this.physics._destroy();
         };
         _proto._computeLinearFogParams = function _computeLinearFogParams(fogStart, fogEnd) {
             var fogRange = fogEnd - fogStart;
@@ -40460,10 +40470,11 @@
         function Polyfill() {}
         Polyfill.registerPolyfill = function registerPolyfill() {
             Polyfill._registerMatchAll();
+            Polyfill._registerAudioContext();
         };
         Polyfill._registerMatchAll = function _registerMatchAll() {
             if (!String.prototype.matchAll) {
-                Logger.info("polyfill String.prototype.matchAll");
+                Logger.info("Polyfill String.prototype.matchAll");
                 String.prototype.matchAll = function(pattern) {
                     var flags = pattern.flags;
                     var globalFlagIdx = flags.indexOf("g");
@@ -40517,6 +40528,26 @@
                 };
             }
         };
+        Polyfill._registerAudioContext = function _registerAudioContext() {
+            // IOS 12 and the following system do not support AudioContext, need to switch to webkitAudioContext
+            if (!window.AudioContext && window.webkitAudioContext) {
+                Logger.info("Polyfill window.AudioContext");
+                window.AudioContext = window.webkitAudioContext;
+                var originalDecodeAudioData = AudioContext.prototype.decodeAudioData;
+                AudioContext.prototype.decodeAudioData = function(arrayBuffer, successCallback, errorCallback) {
+                    var _this = this;
+                    return new Promise(function(resolve, reject) {
+                        originalDecodeAudioData.call(_this, arrayBuffer, function(buffer) {
+                            successCallback == null ? void 0 : successCallback(buffer);
+                            resolve(buffer);
+                        }, function(error) {
+                            errorCallback == null ? void 0 : errorCallback(error);
+                            reject(error);
+                        });
+                    });
+                };
+            }
+        };
         return Polyfill;
     }();
     Polyfill.registerPolyfill();
@@ -43261,11 +43292,215 @@
         ]);
         return FileHeader;
     }();
+    var InterpolableValueType = /*#__PURE__*/ function(InterpolableValueType) {
+        InterpolableValueType[InterpolableValueType["Float"] = 0] = "Float";
+        InterpolableValueType[InterpolableValueType["FloatArray"] = 1] = "FloatArray";
+        InterpolableValueType[InterpolableValueType["Vector2"] = 2] = "Vector2";
+        InterpolableValueType[InterpolableValueType["Vector3"] = 3] = "Vector3";
+        InterpolableValueType[InterpolableValueType["Vector4"] = 4] = "Vector4";
+        InterpolableValueType[InterpolableValueType["Quaternion"] = 5] = "Quaternion";
+        InterpolableValueType[InterpolableValueType["Color"] = 6] = "Color";
+        InterpolableValueType[InterpolableValueType["Array"] = 7] = "Array";
+        InterpolableValueType[InterpolableValueType["Boolean"] = 8] = "Boolean";
+        InterpolableValueType[InterpolableValueType["Rect"] = 9] = "Rect";
+        InterpolableValueType[InterpolableValueType["ReferResource"] = 10] = "ReferResource";
+        return InterpolableValueType;
+    }({});
+    exports.AnimationClipDecoder = /*#__PURE__*/ function() {
+        function AnimationClipDecoder() {}
+        AnimationClipDecoder.decode = function decode(engine, bufferReader) {
+            return new AssetPromise(function(resolve) {
+                var name = bufferReader.nextStr();
+                var clip = new AnimationClip(name);
+                var eventsLen = bufferReader.nextUint16();
+                for(var i = 0; i < eventsLen; ++i){
+                    var event = new AnimationEvent();
+                    event.time = bufferReader.nextFloat32();
+                    event.functionName = bufferReader.nextStr();
+                    event.parameter = JSON.parse(bufferReader.nextStr()).val;
+                    clip.addEvent(event);
+                }
+                var curveBindingsLen = bufferReader.nextUint16();
+                for(var i1 = 0; i1 < curveBindingsLen; ++i1){
+                    var relativePath = bufferReader.nextStr();
+                    var componentStr = bufferReader.nextStr();
+                    var componentType = Loader.getClass(componentStr);
+                    var property = bufferReader.nextStr();
+                    var getProperty = bufferReader.nextStr();
+                    var curve = void 0;
+                    var interpolation = bufferReader.nextUint8();
+                    var keysLen = bufferReader.nextUint16();
+                    var curveType = bufferReader.nextStr();
+                    switch(curveType){
+                        case "AnimationFloatCurve":
+                            {
+                                curve = new exports.AnimationFloatCurve();
+                                curve.interpolation = interpolation;
+                                for(var j = 0; j < keysLen; ++j){
+                                    var keyframe = new Keyframe();
+                                    keyframe.time = bufferReader.nextFloat32();
+                                    keyframe.value = bufferReader.nextFloat32();
+                                    keyframe.inTangent = bufferReader.nextFloat32();
+                                    keyframe.outTangent = bufferReader.nextFloat32();
+                                    curve.addKey(keyframe);
+                                }
+                                break;
+                            }
+                        case "AnimationArrayCurve":
+                            {
+                                curve = new exports.AnimationArrayCurve();
+                                curve.interpolation = interpolation;
+                                for(var j1 = 0; j1 < keysLen; ++j1){
+                                    var keyframe1 = new Keyframe();
+                                    keyframe1.time = bufferReader.nextFloat32();
+                                    var len = bufferReader.nextUint16();
+                                    keyframe1.value = Array.from(bufferReader.nextFloat32Array(len));
+                                    keyframe1.inTangent = Array.from(bufferReader.nextFloat32Array(len));
+                                    keyframe1.outTangent = Array.from(bufferReader.nextFloat32Array(len));
+                                    curve.addKey(keyframe1);
+                                }
+                                break;
+                            }
+                        case "AnimationFloatArrayCurve":
+                            {
+                                curve = new exports.AnimationFloatArrayCurve();
+                                curve.interpolation = interpolation;
+                                for(var j2 = 0; j2 < keysLen; ++j2){
+                                    var keyframe2 = new Keyframe();
+                                    keyframe2.time = bufferReader.nextFloat32();
+                                    var len1 = bufferReader.nextUint16();
+                                    keyframe2.value = bufferReader.nextFloat32Array(len1);
+                                    keyframe2.inTangent = Array.from(bufferReader.nextFloat32Array(len1));
+                                    keyframe2.outTangent = Array.from(bufferReader.nextFloat32Array(len1));
+                                    curve.addKey(keyframe2);
+                                }
+                                break;
+                            }
+                        case "AnimationVector2Curve":
+                            {
+                                curve = new exports.AnimationVector2Curve();
+                                curve.interpolation = interpolation;
+                                for(var j3 = 0; j3 < keysLen; ++j3){
+                                    var keyframe3 = new Keyframe();
+                                    keyframe3.time = bufferReader.nextFloat32();
+                                    keyframe3.value = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe3.inTangent = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe3.outTangent = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    curve.addKey(keyframe3);
+                                }
+                                break;
+                            }
+                        case "AnimationVector3Curve":
+                            {
+                                curve = new exports.AnimationVector3Curve();
+                                curve.interpolation = interpolation;
+                                for(var j4 = 0; j4 < keysLen; ++j4){
+                                    var keyframe4 = new Keyframe();
+                                    keyframe4.time = bufferReader.nextFloat32();
+                                    keyframe4.value = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe4.inTangent = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe4.outTangent = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    curve.addKey(keyframe4);
+                                }
+                                break;
+                            }
+                        case "AnimationVector4Curve":
+                            {
+                                curve = new exports.AnimationVector4Curve();
+                                curve.interpolation = interpolation;
+                                var keyframe5 = new Keyframe();
+                                keyframe5.time = bufferReader.nextFloat32();
+                                keyframe5.value = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                keyframe5.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                keyframe5.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                curve.addKey(keyframe5);
+                                break;
+                            }
+                        case "AnimationColorCurve":
+                            {
+                                curve = new exports.AnimationColorCurve();
+                                curve.interpolation = interpolation;
+                                for(var j5 = 0; j5 < keysLen; ++j5){
+                                    var keyframe6 = new Keyframe();
+                                    keyframe6.time = bufferReader.nextFloat32();
+                                    keyframe6.value = new Color(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe6.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe6.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    curve.addKey(keyframe6);
+                                }
+                                break;
+                            }
+                        case "AnimationQuaternionCurve":
+                            {
+                                curve = new exports.AnimationQuaternionCurve();
+                                curve.interpolation = interpolation;
+                                for(var j6 = 0; j6 < keysLen; ++j6){
+                                    var keyframe7 = new Keyframe();
+                                    keyframe7.time = bufferReader.nextFloat32();
+                                    keyframe7.value = new Quaternion(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe7.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    keyframe7.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
+                                    curve.addKey(keyframe7);
+                                }
+                                break;
+                            }
+                        case "AnimationRefCurve":
+                            {
+                                curve = new exports.AnimationRefCurve();
+                                curve.interpolation = interpolation;
+                                for(var j7 = 0; j7 < keysLen; ++j7){
+                                    var keyframe8 = new Keyframe();
+                                    keyframe8.time = bufferReader.nextFloat32();
+                                    var str = bufferReader.nextStr();
+                                    if (str) {
+                                        keyframe8.value = JSON.parse(str);
+                                    } else {
+                                        keyframe8.value = null;
+                                    }
+                                    curve.addKey(keyframe8);
+                                }
+                                break;
+                            }
+                        case "AnimationBoolCurve":
+                            {
+                                curve = new exports.AnimationBoolCurve();
+                                curve.interpolation = interpolation;
+                                for(var j8 = 0; j8 < keysLen; ++j8){
+                                    var keyframe9 = new Keyframe();
+                                    keyframe9.time = bufferReader.nextFloat32();
+                                    keyframe9.value = bufferReader.nextUint8() === 1;
+                                    curve.addKey(keyframe9);
+                                }
+                                break;
+                            }
+                        case "AnimationStringCurve":
+                            {
+                                curve = new exports.AnimationStringCurve();
+                                curve.interpolation = interpolation;
+                                for(var j9 = 0; j9 < keysLen; ++j9){
+                                    var keyframe10 = new Keyframe();
+                                    keyframe10.time = bufferReader.nextFloat32();
+                                    keyframe10.value = bufferReader.nextStr();
+                                    curve.addKey(keyframe10);
+                                }
+                                break;
+                            }
+                    }
+                    clip.addCurveBinding(relativePath, componentType, property, getProperty, curve);
+                }
+                resolve(clip);
+            });
+        };
+        return AnimationClipDecoder;
+    }();
+    exports.AnimationClipDecoder = __decorate([
+        decoder("AnimationClip")
+    ], exports.AnimationClipDecoder);
     exports.MeshDecoder = /*#__PURE__*/ function() {
         function MeshDecoder() {}
-        MeshDecoder.decode = function decode(engine, bufferReader) {
+        MeshDecoder.decode = function decode(engine, bufferReader, restoredMesh) {
             return new AssetPromise(function(resolve) {
-                var modelMesh = new ModelMesh(engine);
+                var modelMesh = restoredMesh || new ModelMesh(engine);
                 var jsonDataString = bufferReader.nextStr();
                 var encodedMeshData = JSON.parse(jsonDataString);
                 // @ts-ignore Vector3 is not compatible with {x: number, y: number, z: number}.
@@ -43394,80 +43629,6 @@
         }
         return array;
     }
-    exports.Texture2DDecoder = /*#__PURE__*/ function() {
-        function Texture2DDecoder() {}
-        Texture2DDecoder.decode = function decode(engine, bufferReader) {
-            return new AssetPromise(function(resolve, reject) {
-                var objectId = bufferReader.nextStr();
-                var mipmap = !!bufferReader.nextUint8();
-                var filterMode = bufferReader.nextUint8();
-                var anisoLevel = bufferReader.nextUint8();
-                var wrapModeU = bufferReader.nextUint8();
-                var wrapModeV = bufferReader.nextUint8();
-                var format = bufferReader.nextUint8();
-                var width = bufferReader.nextUint16();
-                var height = bufferReader.nextUint16();
-                var isPixelBuffer = bufferReader.nextUint8();
-                var mipCount = bufferReader.nextUint8();
-                var imagesData = bufferReader.nextImagesData(mipCount);
-                var texture2D = new Texture2D(engine, width, height, format, mipmap);
-                texture2D.filterMode = filterMode;
-                texture2D.anisoLevel = anisoLevel;
-                texture2D.wrapModeU = wrapModeU;
-                texture2D.wrapModeV = wrapModeV;
-                if (isPixelBuffer) {
-                    var pixelBuffer = imagesData[0];
-                    texture2D.setPixelBuffer(pixelBuffer);
-                    if (mipmap) {
-                        texture2D.generateMipmaps();
-                        for(var i = 1; i < mipCount; i++){
-                            var pixelBuffer1 = imagesData[i];
-                            texture2D.setPixelBuffer(pixelBuffer1, i);
-                        }
-                    }
-                    // @ts-ignore
-                    engine.resourceManager._objectPool[objectId] = texture2D;
-                    resolve(texture2D);
-                } else {
-                    var blob = new window.Blob([
-                        imagesData[0]
-                    ]);
-                    var img = new Image();
-                    img.onload = function() {
-                        texture2D.setImageSource(img);
-                        var completedCount = 0;
-                        var onComplete = function onComplete() {
-                            completedCount++;
-                            if (completedCount >= mipCount) {
-                                resolve(texture2D);
-                            }
-                        };
-                        onComplete();
-                        if (mipmap) {
-                            var _loop = function _loop(i) {
-                                var blob = new window.Blob([
-                                    imagesData[i]
-                                ]);
-                                var img = new Image();
-                                img.onload = function() {
-                                    texture2D.setImageSource(img, i);
-                                    onComplete();
-                                };
-                                img.src = URL.createObjectURL(blob);
-                            };
-                            texture2D.generateMipmaps();
-                            for(var i = 1; i < mipCount; i++)_loop(i);
-                        }
-                    };
-                    img.src = URL.createObjectURL(blob);
-                }
-            });
-        };
-        return Texture2DDecoder;
-    }();
-    exports.Texture2DDecoder = __decorate([
-        decoder("Texture2D")
-    ], exports.Texture2DDecoder);
     function _is_native_reflect_construct() {
         // Since Reflect.construct can't be properly polyfilled, some
         // implementations (e.g. core-js@2) don't set the correct internal slots.
@@ -43746,226 +43907,126 @@
         return ReflectionParser;
     }();
     ReflectionParser.customParseComponentHandles = new Map();
-    var InterpolableValueType = /*#__PURE__*/ function(InterpolableValueType) {
-        InterpolableValueType[InterpolableValueType["Float"] = 0] = "Float";
-        InterpolableValueType[InterpolableValueType["FloatArray"] = 1] = "FloatArray";
-        InterpolableValueType[InterpolableValueType["Vector2"] = 2] = "Vector2";
-        InterpolableValueType[InterpolableValueType["Vector3"] = 3] = "Vector3";
-        InterpolableValueType[InterpolableValueType["Vector4"] = 4] = "Vector4";
-        InterpolableValueType[InterpolableValueType["Quaternion"] = 5] = "Quaternion";
-        InterpolableValueType[InterpolableValueType["Color"] = 6] = "Color";
-        InterpolableValueType[InterpolableValueType["Array"] = 7] = "Array";
-        InterpolableValueType[InterpolableValueType["Boolean"] = 8] = "Boolean";
-        InterpolableValueType[InterpolableValueType["Rect"] = 9] = "Rect";
-        InterpolableValueType[InterpolableValueType["ReferResource"] = 10] = "ReferResource";
-        return InterpolableValueType;
-    }({});
-    exports.AnimationClipDecoder = /*#__PURE__*/ function() {
-        function AnimationClipDecoder() {}
-        AnimationClipDecoder.decode = function decode(engine, bufferReader) {
-            return new AssetPromise(function(resolve) {
-                var name = bufferReader.nextStr();
-                var clip = new AnimationClip(name);
-                var eventsLen = bufferReader.nextUint16();
-                for(var i = 0; i < eventsLen; ++i){
-                    var event = new AnimationEvent();
-                    event.time = bufferReader.nextFloat32();
-                    event.functionName = bufferReader.nextStr();
-                    event.parameter = JSON.parse(bufferReader.nextStr()).val;
-                    clip.addEvent(event);
-                }
-                var curveBindingsLen = bufferReader.nextUint16();
-                for(var i1 = 0; i1 < curveBindingsLen; ++i1){
-                    var relativePath = bufferReader.nextStr();
-                    var componentStr = bufferReader.nextStr();
-                    var componentType = Loader.getClass(componentStr);
-                    var property = bufferReader.nextStr();
-                    var getProperty = bufferReader.nextStr();
-                    var curve = void 0;
-                    var interpolation = bufferReader.nextUint8();
-                    var keysLen = bufferReader.nextUint16();
-                    var curveType = bufferReader.nextStr();
-                    switch(curveType){
-                        case "AnimationFloatCurve":
-                            {
-                                curve = new exports.AnimationFloatCurve();
-                                curve.interpolation = interpolation;
-                                for(var j = 0; j < keysLen; ++j){
-                                    var keyframe = new Keyframe();
-                                    keyframe.time = bufferReader.nextFloat32();
-                                    keyframe.value = bufferReader.nextFloat32();
-                                    keyframe.inTangent = bufferReader.nextFloat32();
-                                    keyframe.outTangent = bufferReader.nextFloat32();
-                                    curve.addKey(keyframe);
-                                }
-                                break;
-                            }
-                        case "AnimationArrayCurve":
-                            {
-                                curve = new exports.AnimationArrayCurve();
-                                curve.interpolation = interpolation;
-                                for(var j1 = 0; j1 < keysLen; ++j1){
-                                    var keyframe1 = new Keyframe();
-                                    keyframe1.time = bufferReader.nextFloat32();
-                                    var len = bufferReader.nextUint16();
-                                    keyframe1.value = Array.from(bufferReader.nextFloat32Array(len));
-                                    keyframe1.inTangent = Array.from(bufferReader.nextFloat32Array(len));
-                                    keyframe1.outTangent = Array.from(bufferReader.nextFloat32Array(len));
-                                    curve.addKey(keyframe1);
-                                }
-                                break;
-                            }
-                        case "AnimationFloatArrayCurve":
-                            {
-                                curve = new exports.AnimationFloatArrayCurve();
-                                curve.interpolation = interpolation;
-                                for(var j2 = 0; j2 < keysLen; ++j2){
-                                    var keyframe2 = new Keyframe();
-                                    keyframe2.time = bufferReader.nextFloat32();
-                                    var len1 = bufferReader.nextUint16();
-                                    keyframe2.value = bufferReader.nextFloat32Array(len1);
-                                    keyframe2.inTangent = Array.from(bufferReader.nextFloat32Array(len1));
-                                    keyframe2.outTangent = Array.from(bufferReader.nextFloat32Array(len1));
-                                    curve.addKey(keyframe2);
-                                }
-                                break;
-                            }
-                        case "AnimationVector2Curve":
-                            {
-                                curve = new exports.AnimationVector2Curve();
-                                curve.interpolation = interpolation;
-                                for(var j3 = 0; j3 < keysLen; ++j3){
-                                    var keyframe3 = new Keyframe();
-                                    keyframe3.time = bufferReader.nextFloat32();
-                                    keyframe3.value = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe3.inTangent = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe3.outTangent = new Vector2(bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    curve.addKey(keyframe3);
-                                }
-                                break;
-                            }
-                        case "AnimationVector3Curve":
-                            {
-                                curve = new exports.AnimationVector3Curve();
-                                curve.interpolation = interpolation;
-                                for(var j4 = 0; j4 < keysLen; ++j4){
-                                    var keyframe4 = new Keyframe();
-                                    keyframe4.time = bufferReader.nextFloat32();
-                                    keyframe4.value = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe4.inTangent = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe4.outTangent = new Vector3(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    curve.addKey(keyframe4);
-                                }
-                                break;
-                            }
-                        case "AnimationVector4Curve":
-                            {
-                                curve = new exports.AnimationVector4Curve();
-                                curve.interpolation = interpolation;
-                                var keyframe5 = new Keyframe();
-                                keyframe5.time = bufferReader.nextFloat32();
-                                keyframe5.value = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                keyframe5.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                keyframe5.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                curve.addKey(keyframe5);
-                                break;
-                            }
-                        case "AnimationColorCurve":
-                            {
-                                curve = new exports.AnimationColorCurve();
-                                curve.interpolation = interpolation;
-                                for(var j5 = 0; j5 < keysLen; ++j5){
-                                    var keyframe6 = new Keyframe();
-                                    keyframe6.time = bufferReader.nextFloat32();
-                                    keyframe6.value = new Color(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe6.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe6.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    curve.addKey(keyframe6);
-                                }
-                                break;
-                            }
-                        case "AnimationQuaternionCurve":
-                            {
-                                curve = new exports.AnimationQuaternionCurve();
-                                curve.interpolation = interpolation;
-                                for(var j6 = 0; j6 < keysLen; ++j6){
-                                    var keyframe7 = new Keyframe();
-                                    keyframe7.time = bufferReader.nextFloat32();
-                                    keyframe7.value = new Quaternion(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe7.inTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    keyframe7.outTangent = new Vector4(bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32(), bufferReader.nextFloat32());
-                                    curve.addKey(keyframe7);
-                                }
-                                break;
-                            }
-                        case "AnimationRefCurve":
-                            {
-                                curve = new exports.AnimationRefCurve();
-                                curve.interpolation = interpolation;
-                                for(var j7 = 0; j7 < keysLen; ++j7){
-                                    var keyframe8 = new Keyframe();
-                                    keyframe8.time = bufferReader.nextFloat32();
-                                    var str = bufferReader.nextStr();
-                                    if (str) {
-                                        keyframe8.value = JSON.parse(str);
-                                    } else {
-                                        keyframe8.value = null;
-                                    }
-                                    curve.addKey(keyframe8);
-                                }
-                                break;
-                            }
-                        case "AnimationBoolCurve":
-                            {
-                                curve = new exports.AnimationBoolCurve();
-                                curve.interpolation = interpolation;
-                                for(var j8 = 0; j8 < keysLen; ++j8){
-                                    var keyframe9 = new Keyframe();
-                                    keyframe9.time = bufferReader.nextFloat32();
-                                    keyframe9.value = bufferReader.nextUint8() === 1;
-                                    curve.addKey(keyframe9);
-                                }
-                                break;
-                            }
-                        case "AnimationStringCurve":
-                            {
-                                curve = new exports.AnimationStringCurve();
-                                curve.interpolation = interpolation;
-                                for(var j9 = 0; j9 < keysLen; ++j9){
-                                    var keyframe10 = new Keyframe();
-                                    keyframe10.time = bufferReader.nextFloat32();
-                                    keyframe10.value = bufferReader.nextStr();
-                                    curve.addKey(keyframe10);
-                                }
-                                break;
-                            }
+    exports.Texture2DDecoder = /*#__PURE__*/ function() {
+        function Texture2DDecoder() {}
+        Texture2DDecoder.decode = function decode(engine, bufferReader, restoredTexture) {
+            return new AssetPromise(function(resolve, reject) {
+                var objectId = bufferReader.nextStr();
+                var mipmap = !!bufferReader.nextUint8();
+                var filterMode = bufferReader.nextUint8();
+                var anisoLevel = bufferReader.nextUint8();
+                var wrapModeU = bufferReader.nextUint8();
+                var wrapModeV = bufferReader.nextUint8();
+                var format = bufferReader.nextUint8();
+                var width = bufferReader.nextUint16();
+                var height = bufferReader.nextUint16();
+                var isPixelBuffer = bufferReader.nextUint8();
+                var mipCount = bufferReader.nextUint8();
+                var imagesData = bufferReader.nextImagesData(mipCount);
+                var texture2D = restoredTexture || new Texture2D(engine, width, height, format, mipmap);
+                texture2D.filterMode = filterMode;
+                texture2D.anisoLevel = anisoLevel;
+                texture2D.wrapModeU = wrapModeU;
+                texture2D.wrapModeV = wrapModeV;
+                if (isPixelBuffer) {
+                    var pixelBuffer = imagesData[0];
+                    texture2D.setPixelBuffer(pixelBuffer);
+                    if (mipmap) {
+                        texture2D.generateMipmaps();
+                        for(var i = 1; i < mipCount; i++){
+                            var pixelBuffer1 = imagesData[i];
+                            texture2D.setPixelBuffer(pixelBuffer1, i);
+                        }
                     }
-                    clip.addCurveBinding(relativePath, componentType, property, getProperty, curve);
+                    // @ts-ignore
+                    engine.resourceManager._objectPool[objectId] = texture2D;
+                    resolve(texture2D);
+                } else {
+                    var blob = new window.Blob([
+                        imagesData[0]
+                    ]);
+                    var img = new Image();
+                    img.onload = function() {
+                        texture2D.setImageSource(img);
+                        var completedCount = 0;
+                        var onComplete = function onComplete() {
+                            completedCount++;
+                            if (completedCount >= mipCount) {
+                                resolve(texture2D);
+                            }
+                        };
+                        onComplete();
+                        if (mipmap) {
+                            var _loop = function _loop(i) {
+                                var blob = new window.Blob([
+                                    imagesData[i]
+                                ]);
+                                var img = new Image();
+                                img.onload = function() {
+                                    texture2D.setImageSource(img, i);
+                                    onComplete();
+                                };
+                                img.src = URL.createObjectURL(blob);
+                            };
+                            texture2D.generateMipmaps();
+                            for(var i = 1; i < mipCount; i++)_loop(i);
+                        }
+                    };
+                    img.src = URL.createObjectURL(blob);
                 }
-                resolve(clip);
             });
         };
-        return AnimationClipDecoder;
+        return Texture2DDecoder;
     }();
-    exports.AnimationClipDecoder = __decorate([
-        decoder("AnimationClip")
-    ], exports.AnimationClipDecoder);
-    var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
-        MaterialLoaderType["Vector2"] = "Vector2";
-        MaterialLoaderType["Vector3"] = "Vector3";
-        MaterialLoaderType["Vector4"] = "Vector4";
-        MaterialLoaderType["Color"] = "Color";
-        MaterialLoaderType["Float"] = "Float";
-        MaterialLoaderType["Texture"] = "Texture";
-        MaterialLoaderType["Boolean"] = "Boolean";
-        MaterialLoaderType["Integer"] = "Integer";
-        return MaterialLoaderType;
-    }({});
-    var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
-        SpecularMode["Sky"] = "Sky";
-        SpecularMode["Custom"] = "Custom";
-        return SpecularMode;
-    }({});
+    exports.Texture2DDecoder = __decorate([
+        decoder("Texture2D")
+    ], exports.Texture2DDecoder);
+    exports.EditorTextureLoader = /*#__PURE__*/ function(Loader) {
+        _inherits(EditorTextureLoader, Loader);
+        function EditorTextureLoader() {
+            return Loader.apply(this, arguments) || this;
+        }
+        var _proto = EditorTextureLoader.prototype;
+        _proto.load = function load(item, resourceManager) {
+            var requestConfig = _extends({}, item, {
+                type: "arraybuffer"
+            });
+            var url = item.url;
+            return new AssetPromise(function(resolve, reject) {
+                resourceManager // @ts-ignore
+                ._request(url, requestConfig).then(function(data) {
+                    decode(data, resourceManager.engine).then(function(texture) {
+                        resourceManager.addContentRestorer(new EditorTexture2DContentRestorer(texture, url, requestConfig));
+                        resolve(texture);
+                    });
+                }).catch(reject);
+            });
+        };
+        return EditorTextureLoader;
+    }(Loader);
+    exports.EditorTextureLoader = __decorate([
+        resourceLoader("EditorTexture2D", [
+            "prefab"
+        ], true)
+    ], exports.EditorTextureLoader);
+    var EditorTexture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(EditorTexture2DContentRestorer, ContentRestorer);
+        function EditorTexture2DContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = EditorTexture2DContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var texture = this.resource;
+            var engine = texture.engine;
+            return engine.resourceManager // @ts-ignore
+            ._request(this.url, this.requestConfig).then(function(data) {
+                return decode(data, engine, texture);
+            });
+        };
+        return EditorTexture2DContentRestorer;
+    }(ContentRestorer);
     function _instanceof1(left, right) {
         if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
             return !!right[Symbol.hasInstance](left);
@@ -44368,40 +44429,38 @@
         };
         return SceneParser;
     }(HierarchyParser);
-    exports.EditorTextureLoader = /*#__PURE__*/ function(Loader) {
-        _inherits(EditorTextureLoader, Loader);
-        function EditorTextureLoader() {
-            return Loader.apply(this, arguments) || this;
-        }
-        var _proto = EditorTextureLoader.prototype;
-        _proto.load = function load(item, resourceManager) {
-            return new AssetPromise(function(resolve, reject) {
-                resourceManager // @ts-ignore
-                ._request(item.url, _extends({}, item, {
-                    type: "arraybuffer"
-                })).then(function(data) {
-                    decode(data, resourceManager.engine).then(function(texture) {
-                        resolve(texture);
-                    });
-                }).catch(reject);
-            });
-        };
-        return EditorTextureLoader;
-    }(Loader);
-    exports.EditorTextureLoader = __decorate([
-        resourceLoader("EditorTexture2D", [
-            "prefab"
-        ], true)
-    ], exports.EditorTextureLoader);
+    var MaterialLoaderType = /*#__PURE__*/ function(MaterialLoaderType) {
+        MaterialLoaderType["Vector2"] = "Vector2";
+        MaterialLoaderType["Vector3"] = "Vector3";
+        MaterialLoaderType["Vector4"] = "Vector4";
+        MaterialLoaderType["Color"] = "Color";
+        MaterialLoaderType["Float"] = "Float";
+        MaterialLoaderType["Texture"] = "Texture";
+        MaterialLoaderType["Boolean"] = "Boolean";
+        MaterialLoaderType["Integer"] = "Integer";
+        return MaterialLoaderType;
+    }({});
+    var SpecularMode = /*#__PURE__*/ function(SpecularMode) {
+        SpecularMode["Sky"] = "Sky";
+        SpecularMode["Custom"] = "Custom";
+        return SpecularMode;
+    }({});
     /**
      * Decode engine binary resource.
      * @param arrayBuffer - array buffer of decode binary file
      * @param engine - engine
      * @returns
      */ function decode(arrayBuffer, engine) {
+        for(var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++){
+            args[_key - 2] = arguments[_key];
+        }
+        var _decoderMap_header_type;
         var header = FileHeader.decode(arrayBuffer);
         var bufferReader = new BufferReader(new Uint8Array(arrayBuffer), header.headerLength, header.dataLength);
-        return decoderMap[header.type].decode(engine, bufferReader).then(function(object) {
+        return (_decoderMap_header_type = decoderMap[header.type]).decode.apply(_decoderMap_header_type, [].concat([
+            engine,
+            bufferReader
+        ], args)).then(function(object) {
             object.name = header.name;
             return object;
         });
@@ -44613,10 +44672,11 @@
                     type: "arraybuffer"
                 });
                 var engine = resourceManager.engine;
+                var url = item.url;
                 resourceManager // @ts-ignore
-                ._request(item.url, requestConfig).then(function(arraybuffer) {
+                ._request(url, requestConfig).then(function(arraybuffer) {
                     var texture = EnvLoader._setTextureByBuffer(engine, arraybuffer);
-                    engine.resourceManager.addContentRestorer(new EnvContentRestorer(texture, item.url, requestConfig));
+                    engine.resourceManager.addContentRestorer(new EnvContentRestorer(texture, url, requestConfig));
                     var ambientLight = new AmbientLight(engine);
                     var sh = new SphericalHarmonics3();
                     ambientLight.diffuseMode = DiffuseMode.SphericalHarmonics;
@@ -44671,9 +44731,12 @@
         _proto.restoreContent = function restoreContent() {
             var _this = this;
             return new AssetPromise(function(resolve, reject) {
-                request(_this.url, _this.requestConfig).then(function(buffer) {
-                    EnvLoader._setTextureByBuffer(_this.resource.engine, buffer, _this.resource);
-                    resolve(_this.resource);
+                var resource = _this.resource;
+                var engine = resource.engine;
+                engine.resourceManager // @ts-ignore
+                ._request(_this.url, _this.requestConfig).then(function(buffer) {
+                    EnvLoader._setTextureByBuffer(engine, buffer, resource);
+                    resolve(resource);
                 }).catch(reject);
             });
         };
@@ -46530,15 +46593,20 @@
        * @internal
        */ _proto.load = function load(item, resourceManager) {
             return new AssetPromise(function(resolve, reject, setTaskCompleteProgress, setTaskDetailProgress) {
-                resourceManager // @ts-ignore
-                ._request(item.url, {
+                var requestConfig = _extends({}, item, {
                     type: "arraybuffer"
-                }).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
+                });
+                var url = item.url;
+                resourceManager // @ts-ignore
+                ._request(url, requestConfig).onProgress(setTaskCompleteProgress, setTaskDetailProgress).then(function(buffer) {
                     return KTX2Loader._parseBuffer(new Uint8Array(buffer), resourceManager.engine, item.params).then(function(param) {
                         var engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
                         return KTX2Loader._createTextureByBuffer(engine, result, targetFormat, params);
+                    }).then(function(texture) {
+                        resourceManager.addContentRestorer(new KTX2ContentRestorer(texture, url, requestConfig));
+                        resolve(texture);
                     });
-                }).then(resolve).catch(reject);
+                }).catch(reject);
             });
         };
         /**
@@ -46577,7 +46645,7 @@
                 };
             });
         };
-        /** @internal */ KTX2Loader._createTextureByBuffer = function _createTextureByBuffer(engine, transcodeResult, targetFormat, params) {
+        /** @internal */ KTX2Loader._createTextureByBuffer = function _createTextureByBuffer(engine, transcodeResult, targetFormat, params, restoredTexture) {
             var width = transcodeResult.width, height = transcodeResult.height, faces = transcodeResult.faces;
             var faceCount = faces.length;
             var mipmaps = faces[0];
@@ -46585,13 +46653,13 @@
             var engineFormat = this._getEngineTextureFormat(targetFormat, transcodeResult);
             var texture;
             if (faceCount !== 6) {
-                texture = new Texture2D(engine, width, height, engineFormat, mipmap);
+                texture = restoredTexture || new Texture2D(engine, width, height, engineFormat, mipmap);
                 for(var mipLevel = 0; mipLevel < mipmaps.length; mipLevel++){
                     var data = mipmaps[mipLevel].data;
                     texture.setPixelBuffer(data, mipLevel);
                 }
             } else {
-                texture = new TextureCube(engine, height, engineFormat, mipmap);
+                texture = restoredTexture || new TextureCube(engine, height, engineFormat, mipmap);
                 for(var i = 0; i < faces.length; i++){
                     var faceData = faces[i];
                     for(var mipLevel1 = 0; mipLevel1 < mipmaps.length; mipLevel1++){
@@ -46707,6 +46775,30 @@
             "ktx2"
         ])
     ], exports.KTX2Loader);
+    var KTX2ContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(KTX2ContentRestorer, ContentRestorer);
+        function KTX2ContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = KTX2ContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            var _this1 = this, resource = _this1.resource, requestConfig = _this1.requestConfig;
+            var engine = resource.engine;
+            return new AssetPromise(function(resolve, reject) {
+                engine.resourceManager // @ts-ignore
+                ._request(_this.url, requestConfig).then(function(buffer) {
+                    return exports.KTX2Loader._parseBuffer(new Uint8Array(buffer), engine, requestConfig.params).then(function(param) {
+                        var engine = param.engine, result = param.result, targetFormat = param.targetFormat, params = param.params;
+                        return exports.KTX2Loader._createTextureByBuffer(engine, result, targetFormat, params, resource);
+                    });
+                }).then(resolve).catch(reject);
+            });
+        };
+        return KTX2ContentRestorer;
+    }(ContentRestorer);
     /** Used for initialize KTX2 transcoder. */ var KTX2Transcoder = /*#__PURE__*/ function(KTX2Transcoder) {
         /** BinomialLLC transcoder. */ KTX2Transcoder[KTX2Transcoder["BinomialLLC"] = 0] = "BinomialLLC";
         /** Khronos transcoder. */ KTX2Transcoder[KTX2Transcoder["Khronos"] = 1] = "Khronos";
@@ -48264,10 +48356,11 @@
                 var requestConfig = _extends({}, item, {
                     type: "arraybuffer"
                 });
+                var url = item.url;
                 resourceManager // @ts-ignore
-                ._request(item.url, requestConfig).then(function(buffer) {
+                ._request(url, requestConfig).then(function(buffer) {
                     var texture = HDRLoader._setTextureByBuffer(engine, buffer);
-                    engine.resourceManager.addContentRestorer(new HDRContentRestorer(texture, item.url, requestConfig));
+                    engine.resourceManager.addContentRestorer(new HDRContentRestorer(texture, url, requestConfig));
                     resolve(texture);
                 }).catch(reject);
             });
@@ -48572,9 +48665,12 @@
         _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);
+                var resource = _this.resource;
+                var engine = resource.engine;
+                engine.resourceManager // @ts-ignore
+                ._request(_this.url, _this.requestConfig).then(function(buffer) {
+                    HDRLoader._setTextureByBuffer(engine, buffer, resource);
+                    resolve(resource);
                 }).catch(reject);
             });
         };
@@ -48824,11 +48920,12 @@
         }
         var _proto = KTXLoader.prototype;
         _proto.load = function load(item, resourceManager) {
+            var requestConfig = _extends({}, item, {
+                type: "arraybuffer"
+            });
             return new AssetPromise(function(resolve, reject) {
                 resourceManager // @ts-ignore
-                ._request(item.url, _extends({}, item, {
-                    type: "arraybuffer"
-                })).then(function(bin) {
+                ._request(item.url, requestConfig).then(function(bin) {
                     var parsedData = parseSingleKTX(bin);
                     var width = parsedData.width, height = parsedData.height, mipmaps = parsedData.mipmaps, engineFormat = parsedData.engineFormat;
                     var mipmap = mipmaps.length > 1;
@@ -48837,6 +48934,7 @@
                         var _mipmaps_miplevel = mipmaps[miplevel], width1 = _mipmaps_miplevel.width, height1 = _mipmaps_miplevel.height, data = _mipmaps_miplevel.data;
                         texture.setPixelBuffer(data, miplevel, 0, 0, width1, height1);
                     }
+                    resourceManager.addContentRestorer(new KTXContentRestorer(texture, item.url, requestConfig));
                     resolve(texture);
                 }).catch(function(e) {
                     reject(e);
@@ -48850,6 +48948,34 @@
             "ktx"
         ])
     ], KTXLoader);
+    var KTXContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(KTXContentRestorer, ContentRestorer);
+        function KTXContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = KTXContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            var resource = this.resource;
+            var engine = resource.engine;
+            return new AssetPromise(function(resolve, reject) {
+                engine.resourceManager // @ts-ignore
+                ._request(_this.url, _this.requestConfig).then(function(bin) {
+                    var mipmaps = parseSingleKTX(bin).mipmaps;
+                    for(var miplevel = 0; miplevel < mipmaps.length; miplevel++){
+                        var _mipmaps_miplevel = mipmaps[miplevel], width = _mipmaps_miplevel.width, height = _mipmaps_miplevel.height, data = _mipmaps_miplevel.data;
+                        resource.setPixelBuffer(data, miplevel, 0, 0, width, height);
+                    }
+                    resolve(resource);
+                }).catch(function(e) {
+                    reject(e);
+                });
+            });
+        };
+        return KTXContentRestorer;
+    }(ContentRestorer);
     function parseProperty(object, key, value) {
         if ((typeof value === "undefined" ? "undefined" : _type_of1(value)) === "object") {
             for(var subKey in value){
@@ -48951,13 +49077,16 @@
         }
         var _proto = MeshLoader.prototype;
         _proto.load = function load(item, resourceManager) {
+            var requestConfig = _extends({}, item, {
+                type: "arraybuffer"
+            });
+            var url = item.url;
             return new AssetPromise(function(resolve, reject) {
                 resourceManager // @ts-ignore
-                ._request(item.url, _extends({}, item, {
-                    type: "arraybuffer"
-                })).then(function(data) {
+                ._request(url, requestConfig).then(function(data) {
                     return decode(data, resourceManager.engine);
                 }).then(function(mesh) {
+                    resourceManager.addContentRestorer(new MeshContentRestorer(mesh, url, requestConfig));
                     resolve(mesh);
                 }).catch(reject);
             });
@@ -48969,6 +49098,29 @@
             "mesh"
         ])
     ], MeshLoader);
+    var MeshContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+        _inherits(MeshContentRestorer, ContentRestorer);
+        function MeshContentRestorer(resource, url, requestConfig) {
+            var _this;
+            _this = ContentRestorer.call(this, resource) || this, _this.url = url, _this.requestConfig = requestConfig;
+            return _this;
+        }
+        var _proto = MeshContentRestorer.prototype;
+        _proto.restoreContent = function restoreContent() {
+            var _this = this;
+            var resource = this.resource;
+            var engine = resource.engine;
+            return new AssetPromise(function(resolve, reject) {
+                engine.resourceManager // @ts-ignore
+                ._request(_this.url, _this.requestConfig).then(function(data) {
+                    return decode(data, engine, resource);
+                }).then(function(mesh) {
+                    resolve(mesh);
+                }).catch(reject);
+            });
+        };
+        return MeshContentRestorer;
+    }(ContentRestorer);
     var PrimitiveMeshLoader = /*#__PURE__*/ function(Loader) {
         _inherits(PrimitiveMeshLoader, Loader);
         function PrimitiveMeshLoader() {
@@ -50157,7 +50309,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.4.15";
+    var version = "1.4.16";
     console.log("Galacean Engine Version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);