@galacean/engine 1.1.0-alpha.4 → 1.1.0-beta.0

package/dist/browser.js

@@ -4463,6 +4463,31 @@
             return this;
         };
         /**
+       * Copy from array like object.
+       * @param source - Array like object
+       * @param offset - The start offset
+       * @returns This color
+       */ _proto.copyFromArray = function copyFromArray(source, offset) {
+            if (offset === void 0) offset = 0;
+            this._r = source[offset];
+            this._g = source[offset + 1];
+            this._b = source[offset + 2];
+            this._a = source[offset + 3];
+            this._onValueChanged && this._onValueChanged();
+            return this;
+        };
+        /**
+       * Copy the value of this color to an array.
+       * @param out - The color
+       * @param outOffset - The start offset
+       */ _proto.copyToArray = function copyToArray(out, outOffset) {
+            if (outOffset === void 0) outOffset = 0;
+            out[outOffset] = this._r;
+            out[outOffset + 1] = this._g;
+            out[outOffset + 2] = this._b;
+            out[outOffset + 3] = this._a;
+        };
+        /**
        * Modify components (r, g, b) of this color from gamma space to linear space.
        * @param out - The color in linear space
        * @returns The color in linear space
@@ -5137,6 +5162,31 @@
             return this;
         };
         /**
+       * Copy from array like object.
+       * @param source - Array like object
+       * @param offset - The start offset
+       * @returns This color
+       */ _proto.copyFromArray = function copyFromArray(source, offset) {
+            if (offset === void 0) offset = 0;
+            this._r = source[offset];
+            this._g = source[offset + 1];
+            this._b = source[offset + 2];
+            this._a = source[offset + 3];
+            this._onValueChanged && this._onValueChanged();
+            return this;
+        };
+        /**
+       * Copy the value of this color to an array.
+       * @param out - The color
+       * @param outOffset - The start offset
+       */ _proto.copyToArray = function copyToArray(out, outOffset) {
+            if (outOffset === void 0) outOffset = 0;
+            out[outOffset] = this._r;
+            out[outOffset + 1] = this._g;
+            out[outOffset + 2] = this._b;
+            out[outOffset + 3] = this._a;
+        };
+        /**
        * Modify components (r, g, b) of this color from gamma space to linear space.
        * @param out - The color in linear space
        * @returns The color in linear space
@@ -5323,25 +5373,29 @@
         ]);
         return Color;
     }();
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */ function __decorate$1(decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
         else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     }
+    typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
     function _instanceof1$2(left, right) {
         if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
             return !!right[Symbol.hasInstance](left);
@@ -5552,16 +5606,16 @@
     ], EngineObject.prototype, "_engine", void 0);
     /**
      * The base class of assets, with reference counting capability.
-     */ var ReferResource = /*#__PURE__*/ function(EngineObject) {
+     */ var ReferResource = /*#__PURE__*/ function(EngineObject1) {
         var ReferResource = function ReferResource(engine) {
             var _this;
-            _this = EngineObject.call(this, engine) || this;
+            _this = EngineObject1.call(this, engine) || this;
             /** Whether to ignore the garbage collection check, if it is true, it will not be affected by ResourceManager.gc(). */ _this.isGCIgnored = false;
             _this._refCount = 0;
             engine.resourceManager._addReferResource(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(ReferResource, EngineObject);
+        _inherits$2(ReferResource, EngineObject1);
         var _proto = ReferResource.prototype;
         /**
        * Destroy self.
@@ -5572,7 +5626,7 @@
             if (!force && this._refCount !== 0) {
                 return false;
             }
-            EngineObject.prototype.destroy.call(this);
+            EngineObject1.prototype.destroy.call(this);
             return true;
         };
         /**
@@ -5593,7 +5647,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            EngineObject.prototype._onDestroy.call(this);
+            EngineObject1.prototype._onDestroy.call(this);
             this._engine.resourceManager._deleteReferResource(this);
             var refCount = this._getReferCount();
             if (refCount > 0) {
@@ -5717,20 +5771,20 @@
         TextureWrapMode[TextureWrapMode[/** Repeating mode. tiling will be repeated if it exceeds the texture boundary. */ "Repeat"] = 1] = "Repeat";
         TextureWrapMode[TextureWrapMode[/** Mirror repeat mode. tiling will be mirrored and repeated if it exceeds the texture boundary. */ "Mirror"] = 2] = "Mirror";
     })(exports.TextureWrapMode || (exports.TextureWrapMode = {}));
-    var GraphicsResource = /*#__PURE__*/ function(ReferResource) {
+    var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
         var GraphicsResource = function GraphicsResource(engine) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             /** @internal */ _this._isContentLost = false;
             engine.resourceManager._addGraphicResource(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(GraphicsResource, ReferResource);
+        _inherits$2(GraphicsResource, ReferResource1);
         var _proto = GraphicsResource.prototype;
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             this.engine.resourceManager._deleteGraphicResource(this);
         };
         _create_class$3(GraphicsResource, [
@@ -5780,16 +5834,16 @@
     };
     /**
      * The base class of texture, contains some common functions of texture-related classes.
-     */ var Texture = /*#__PURE__*/ function(GraphicsResource) {
+     */ var Texture = /*#__PURE__*/ function(GraphicsResource1) {
         var Texture = function Texture() {
             var _this;
-            _this = GraphicsResource.apply(this, arguments) || this;
+            _this = GraphicsResource1.apply(this, arguments) || this;
             /** @internal */ _this._isDepthTexture = false;
             _this._anisoLevel = 1;
             _this._useDepthCompareMode = false;
             return _this;
         };
-        _inherits$2(Texture, GraphicsResource);
+        _inherits$2(Texture, GraphicsResource1);
         var _proto = Texture.prototype;
         /**
        * Generate multi-level textures based on the 0th level data.
@@ -5821,7 +5875,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            GraphicsResource.prototype._onDestroy.call(this);
+            GraphicsResource1.prototype._onDestroy.call(this);
             this._platformTexture.destroy();
             this._platformTexture = null;
         };
@@ -5960,12 +6014,12 @@
     }(GraphicsResource);
     /**
      * The render target used for off-screen rendering.
-     */ var RenderTarget = /*#__PURE__*/ function(GraphicsResource) {
+     */ var RenderTarget = /*#__PURE__*/ function(GraphicsResource1) {
         var RenderTarget = function RenderTarget(engine, width, height, renderTexture, depth, antiAliasing) {
             if (depth === void 0) depth = exports.RenderBufferDepthFormat.Depth;
             if (antiAliasing === void 0) antiAliasing = 1;
             var _this;
-            _this = GraphicsResource.call(this, engine) || this;
+            _this = GraphicsResource1.call(this, engine) || this;
             _this._autoGenerateMipmaps = true;
             _this._width = width;
             _this._height = height;
@@ -5996,7 +6050,7 @@
             _this._platformRenderTarget = engine._hardwareRenderer.createPlatformRenderTarget(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(RenderTarget, GraphicsResource);
+        _inherits$2(RenderTarget, GraphicsResource1);
         var _proto = RenderTarget.prototype;
         /**
        * Get the render color texture by index.
@@ -6022,7 +6076,7 @@
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
             var _this__depthTexture;
-            GraphicsResource.prototype._onDestroy.call(this);
+            GraphicsResource1.prototype._onDestroy.call(this);
             this._platformRenderTarget.destroy();
             var _this = this, colorTextures = _this._colorTextures;
             for(var i = 0, n = colorTextures.length; i < n; i++){
@@ -6107,13 +6161,13 @@
     }(GraphicsResource);
     /**
      * Two-dimensional texture.
-     */ var Texture2D = /*#__PURE__*/ function(Texture) {
+     */ var Texture2D = /*#__PURE__*/ function(Texture1) {
         var Texture2D = function Texture2D(engine, width, height, format, mipmap, usage) {
             if (format === void 0) format = exports.TextureFormat.R8G8B8A8;
             if (mipmap === void 0) mipmap = true;
             if (usage === void 0) usage = exports.TextureUsage.Static;
             var _this;
-            _this = Texture.call(this, engine) || this;
+            _this = Texture1.call(this, engine) || this;
             _this._mipmap = mipmap;
             _this._width = width;
             _this._height = height;
@@ -6126,7 +6180,7 @@
             _this.wrapModeU = _this.wrapModeV = exports.TextureWrapMode.Repeat;
             return _this;
         };
-        _inherits$2(Texture2D, Texture);
+        _inherits$2(Texture2D, Texture1);
         var _proto = Texture2D.prototype;
         /**
        * Setting pixels data through color buffer data, designated area and texture mipmapping level,it's also applicable to compressed formats.
@@ -6177,18 +6231,18 @@
        * @internal
        */ _proto._rebuild = function _rebuild() {
             this._platformTexture = this._engine._hardwareRenderer.createPlatformTexture2D(this);
-            Texture.prototype._rebuild.call(this);
+            Texture1.prototype._rebuild.call(this);
         };
         return Texture2D;
     }(Texture);
     /**
      * Two-dimensional texture array.
-     */ var Texture2DArray = /*#__PURE__*/ function(Texture) {
+     */ var Texture2DArray = /*#__PURE__*/ function(Texture1) {
         var Texture2DArray = function Texture2DArray(engine, width, height, length1, format, mipmap) {
             if (format === void 0) format = exports.TextureFormat.R8G8B8A8;
             if (mipmap === void 0) mipmap = true;
             var _this;
-            _this = Texture.call(this, engine) || this;
+            _this = Texture1.call(this, engine) || this;
             _this._mipmap = mipmap;
             _this._width = width;
             _this._height = height;
@@ -6200,7 +6254,7 @@
             _this.wrapModeU = _this.wrapModeV = exports.TextureWrapMode.Repeat;
             return _this;
         };
-        _inherits$2(Texture2DArray, Texture);
+        _inherits$2(Texture2DArray, Texture1);
         var _proto = Texture2DArray.prototype;
         /**
        * Setting pixels data through color buffer data, designated area and texture mipmapping level,it's also applicable to compressed formats.
@@ -6254,7 +6308,7 @@
        * @internal
        */ _proto._rebuild = function _rebuild() {
             this._platformTexture = this._engine._hardwareRenderer.createPlatformTexture2DArray(this);
-            Texture.prototype._rebuild.call(this);
+            Texture1.prototype._rebuild.call(this);
         };
         _create_class$3(Texture2DArray, [
             {
@@ -6270,12 +6324,12 @@
     }(Texture);
     /**
      * Cube texture.
-     */ var TextureCube = /*#__PURE__*/ function(Texture) {
+     */ var TextureCube = /*#__PURE__*/ function(Texture1) {
         var TextureCube = function TextureCube(engine, size, format, mipmap) {
             if (format === void 0) format = exports.TextureFormat.R8G8B8A8;
             if (mipmap === void 0) mipmap = true;
             var _this;
-            _this = Texture.call(this, engine) || this;
+            _this = Texture1.call(this, engine) || this;
             _this._mipmap = mipmap;
             _this._width = size;
             _this._height = size;
@@ -6286,7 +6340,7 @@
             _this.wrapModeU = _this.wrapModeV = exports.TextureWrapMode.Clamp;
             return _this;
         };
-        _inherits$2(TextureCube, Texture);
+        _inherits$2(TextureCube, Texture1);
         var _proto = TextureCube.prototype;
         /**
        * Setting pixels data through cube face,color buffer data, designated area and texture mipmapping level,it's also applicable to compressed formats.
@@ -6339,16 +6393,16 @@
        * @internal
        */ _proto._rebuild = function _rebuild() {
             this._platformTexture = this._engine._hardwareRenderer.createPlatformTextureCube(this);
-            Texture.prototype._rebuild.call(this);
+            Texture1.prototype._rebuild.call(this);
         };
         return TextureCube;
     }(Texture);
     /**
      * @internal
-     */ var FontAtlas = /*#__PURE__*/ function(ReferResource) {
+     */ var FontAtlas = /*#__PURE__*/ function(ReferResource1) {
         var FontAtlas = function FontAtlas(engine) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this._charInfoMap = {};
             _this._space = 1;
             _this._curX = 1;
@@ -6356,7 +6410,7 @@
             _this._nextY = 1;
             return _this;
         };
-        _inherits$2(FontAtlas, ReferResource);
+        _inherits$2(FontAtlas, ReferResource1);
         var _proto = FontAtlas.prototype;
         _proto.uploadCharTexture = function uploadCharTexture(charInfo) {
             var width = charInfo.w, height = charInfo.h, data = charInfo.data;
@@ -6412,7 +6466,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             this.texture.destroy();
             this.texture = null;
             this._charInfoMap = {};
@@ -6956,17 +7010,17 @@
     }();
     /**
      * Font.
-     */ var Font = /*#__PURE__*/ function(ReferResource) {
-        var Font = function Font(engine, name) {
-            if (name === void 0) name = "";
+     */ var Font = /*#__PURE__*/ function(ReferResource1) {
+        var Font = function Font(engine, name1) {
+            if (name1 === void 0) name1 = "";
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this._name = "";
             _this._subFontMap = {};
-            _this._name = name;
+            _this._name = name1;
             return _this;
         };
-        _inherits$2(Font, ReferResource);
+        _inherits$2(Font, ReferResource1);
         var _proto = Font.prototype;
         /**
        * @internal
@@ -6984,7 +7038,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             var subFontMap = this._subFontMap;
             for(var k in subFontMap){
                 subFontMap[k].destroy();
@@ -6997,15 +7051,15 @@
        * @param engine - Engine to which the font belongs
        * @param name - The name of font want to create
        * @returns The font object has been create
-       */ Font.createFromOS = function createFromOS(engine, name) {
-            if (name) {
+       */ Font.createFromOS = function createFromOS(engine, name1) {
+            if (name1) {
                 var fontMap = engine._fontMap;
-                var font = fontMap[name];
+                var font = fontMap[name1];
                 if (font) {
                     return font;
                 }
-                font = new Font(engine, name);
-                fontMap[name] = font;
+                font = new Font(engine, name1);
+                fontMap[name1] = font;
                 return font;
             }
             return null;
@@ -7189,21 +7243,21 @@
     /**
      * Shader property.
      */ var ShaderProperty = /*#__PURE__*/ function() {
-        function ShaderProperty(name) {
-            this.name = name;
+        function ShaderProperty(name1) {
+            this.name = name1;
             this._uniqueId = ShaderProperty._propertyNameCounter++;
         }
         /**
        * Get shader property by name.
        * @param name - Name of the shader property
        * @returns Shader property
-       */ ShaderProperty.getByName = function getByName(name) {
+       */ ShaderProperty.getByName = function getByName(name1) {
             var propertyNameMap = ShaderProperty._propertyNameMap;
-            if (propertyNameMap[name] != null) {
-                return propertyNameMap[name];
+            if (propertyNameMap[name1] != null) {
+                return propertyNameMap[name1];
             } else {
-                var property = new ShaderProperty(name);
-                propertyNameMap[name] = property;
+                var property = new ShaderProperty(name1);
+                propertyNameMap[name1] = property;
                 ShaderProperty._propertyIdMap[property._uniqueId] = property;
                 return property;
             }
@@ -7211,8 +7265,9 @@
         /**
        * @internal
        */ ShaderProperty._getShaderPropertyGroup = function _getShaderPropertyGroup(propertyName) {
+            var _shaderProperty;
             var shaderProperty = ShaderProperty._propertyNameMap[propertyName];
-            return shaderProperty == null ? void 0 : shaderProperty._group;
+            return (_shaderProperty = shaderProperty) == null ? void 0 : _shaderProperty._group;
         };
         _create_class$3(ShaderProperty, [
             {
@@ -7417,10 +7472,10 @@
     })(ActiveChangeFlag || (ActiveChangeFlag = {}));
     /**
      * The base class of the components.
-     */ var Component = /*#__PURE__*/ function(EngineObject) {
+     */ var Component = /*#__PURE__*/ function(EngineObject1) {
         var Component = function Component(entity) {
             var _this;
-            _this = EngineObject.call(this, entity.engine) || this;
+            _this = EngineObject1.call(this, entity.engine) || this;
             /** @internal */ _this._awoken = false;
             _this._phasedActive = false;
             _this._phasedActiveInScene = false;
@@ -7428,7 +7483,7 @@
             _this._entity = entity;
             return _this;
         };
-        _inherits$2(Component, EngineObject);
+        _inherits$2(Component, EngineObject1);
         var _proto = Component.prototype;
         /**
        * @internal
@@ -7489,7 +7544,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            EngineObject.prototype._onDestroy.call(this);
+            EngineObject1.prototype._onDestroy.call(this);
             var entity = this._entity;
             entity._removeComponent(this);
             if (this._enabled) {
@@ -7958,14 +8013,14 @@
     }();
     /**
      * Bool update flag.
-     */ var BoolUpdateFlag = /*#__PURE__*/ function(UpdateFlag) {
+     */ var BoolUpdateFlag = /*#__PURE__*/ function(UpdateFlag1) {
         var BoolUpdateFlag = function BoolUpdateFlag() {
             var _this;
-            _this = UpdateFlag.apply(this, arguments) || this;
+            _this = UpdateFlag1.apply(this, arguments) || this;
             /** Bool flag. */ _this.flag = true;
             return _this;
         };
-        _inherits$2(BoolUpdateFlag, UpdateFlag);
+        _inherits$2(BoolUpdateFlag, UpdateFlag1);
         var _proto = BoolUpdateFlag.prototype;
         /**
        * @inheritdoc
@@ -8036,10 +8091,10 @@
     }();
     /**
      * Used to implement transformation related functions.
-     */ var Transform = /*#__PURE__*/ function(Component) {
+     */ var Transform = /*#__PURE__*/ function(Component1) {
         var Transform = function Transform(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             _this._position = new Vector3();
             _this._rotation = new Vector3();
             _this._rotationQuaternion = new Quaternion();
@@ -8080,7 +8135,7 @@
             _this._scale._onValueChanged = _this._onScaleChanged;
             return _this;
         };
-        _inherits$2(Transform, Component);
+        _inherits$2(Transform, Component1);
         var _proto = Transform.prototype;
         /**
        * Set local position by X, Y, Z value.
@@ -8226,7 +8281,7 @@
             return isInvert;
         };
         _proto._onDestroy = function _onDestroy() {
-            Component.prototype._onDestroy.call(this);
+            Component1.prototype._onDestroy.call(this);
             //@ts-ignore
             this._worldPosition._onValueChanged = null;
             //@ts-ignore
@@ -8857,10 +8912,10 @@
     }();
     /**
      * Entity, be used as components container.
-     */ var Entity = /*#__PURE__*/ function(EngineObject) {
-        var Entity = function Entity(engine, name) {
+     */ var Entity = /*#__PURE__*/ function(EngineObject1) {
+        var Entity = function Entity(engine, name1) {
             var _this;
-            _this = EngineObject.call(this, engine) || this;
+            _this = EngineObject1.call(this, engine) || this;
             /** The layer the entity belongs to. */ _this.layer = exports.Layer.Layer0;
             /** @internal */ _this._isActiveInHierarchy = false;
             /** @internal */ _this._isActiveInScene = false;
@@ -8873,12 +8928,12 @@
             _this._parent = null;
             //--------------------------------------------------------------deprecated----------------------------------------------------------------
             _this._invModelMatrix = new Matrix();
-            _this.name = name;
+            _this.name = name1;
             _this.transform = _this.addComponent(Transform);
             _this._inverseWorldMatFlag = _this.transform.registerWorldChangeFlag();
             return _this;
         };
-        _inherits$2(Entity, EngineObject);
+        _inherits$2(Entity, EngineObject1);
         var _proto = Entity.prototype;
         /**
        * Add component based on the component type.
@@ -8996,13 +9051,13 @@
        * Find entity by name.
        * @param name - The name of the entity which want to be found
        * @returns The component which be found
-       */ _proto.findByName = function findByName(name) {
-            if (name === this.name) {
+       */ _proto.findByName = function findByName(name1) {
+            if (name1 === this.name) {
                 return this;
             }
             var children = this._children;
             for(var i = 0, n = children.length; i < n; i++){
-                var target = children[i].findByName(name);
+                var target = children[i].findByName(name1);
                 if (target) {
                     return target;
                 }
@@ -9031,8 +9086,8 @@
        * Create child entity.
        * @param name - The child entity's name
        * @returns The child entity
-       */ _proto.createChild = function createChild(name) {
-            var child = new Entity(this.engine, name);
+       */ _proto.createChild = function createChild(name1) {
+            var child = new Entity(this.engine, name1);
             child.layer = this.layer;
             child.parent = this;
             return child;
@@ -9097,11 +9152,17 @@
             if (this._destroyed) {
                 return;
             }
-            EngineObject.prototype.destroy.call(this);
+            EngineObject1.prototype.destroy.call(this);
             if (this._hookResource) {
                 this._hookResource._addReferCount(-1);
                 this._hookResource = null;
             }
+            this.isActive = false;
+            if (this._isRoot) {
+                this._scene.removeRootEntity(this);
+            } else {
+                this._setParent(null);
+            }
             var components = this._components;
             for(var i = components.length - 1; i >= 0; i--){
                 components[i].destroy();
@@ -9111,12 +9172,6 @@
             while(children.length > 0){
                 children[0].destroy();
             }
-            if (this._isRoot) {
-                this._scene._removeFromEntityList(this);
-                this._isRoot = false;
-            } else {
-                this._removeFromParent();
-            }
         };
         /**
        * @internal
@@ -9324,11 +9379,11 @@
         };
         /**
        * @internal
-       */ Entity._findChildByName = function _findChildByName(root, name) {
+       */ Entity._findChildByName = function _findChildByName(root, name1) {
             var children = root._children;
             for(var i = children.length - 1; i >= 0; i--){
                 var child = children[i];
-                if (child.name === name) {
+                if (child.name === name1) {
                     return child;
                 }
             }
@@ -9360,8 +9415,9 @@
                             if (this._isRoot && this._scene._isActiveInEngine) {
                                 activeChangeFlag |= ActiveChangeFlag.All;
                             } else {
-                                (parent == null ? void 0 : parent._isActiveInHierarchy) && (activeChangeFlag |= ActiveChangeFlag.Hierarchy);
-                                (parent == null ? void 0 : parent._isActiveInScene) && (activeChangeFlag |= ActiveChangeFlag.Scene);
+                                var _parent, _parent1;
+                                ((_parent = parent) == null ? void 0 : _parent._isActiveInHierarchy) && (activeChangeFlag |= ActiveChangeFlag.Hierarchy);
+                                ((_parent1 = parent) == null ? void 0 : _parent1._isActiveInScene) && (activeChangeFlag |= ActiveChangeFlag.Scene);
                             }
                             activeChangeFlag && this._processActive(activeChangeFlag);
                         } else {
@@ -9564,6 +9620,7 @@
         RenderStateElementKey[RenderStateElementKey[/** Raster state fill mode key. */ "RasterStateCullMode"] = 25] = "RasterStateCullMode";
         RenderStateElementKey[RenderStateElementKey[/** Raster state cull mode key. */ "RasterStateDepthBias"] = 26] = "RasterStateDepthBias";
         RenderStateElementKey[RenderStateElementKey[/** Raster state depth bias key. */ "RasterStateSlopeScaledDepthBias"] = 27] = "RasterStateSlopeScaledDepthBias";
+        RenderStateElementKey[RenderStateElementKey[/** Render queue type key. */ "RenderQueueType"] = 28] = "RenderQueueType";
     })(exports.RenderStateDataKey || (exports.RenderStateDataKey = {}));
     /**
      * Render queue type.
@@ -9606,27 +9663,27 @@
     /**
      * Shader macro。
      */ var ShaderMacro = /*#__PURE__*/ function() {
-        function ShaderMacro(name, value, maskIndex, maskValue) {
-            this.name = name;
+        function ShaderMacro(name1, value, maskIndex, maskValue) {
+            this.name = name1;
             this._maskIndex = maskIndex;
             this._maskValue = maskValue;
             this.value = value;
             var macroNameIDMap = ShaderMacro._macroNameIdMap;
-            var nameID = macroNameIDMap[name];
-            if (macroNameIDMap[name] === undefined) {
-                macroNameIDMap[name] = nameID = ShaderMacro._macroNameCounter++;
+            var nameID = macroNameIDMap[name1];
+            if (macroNameIDMap[name1] === undefined) {
+                macroNameIDMap[name1] = nameID = ShaderMacro._macroNameCounter++;
             }
             this._nameId = nameID;
         }
-        ShaderMacro.getByName = function getByName(name, value) {
-            var key = value ? name + " " + value : name;
+        ShaderMacro.getByName = function getByName(name1, value) {
+            var key = value ? name1 + " " + value : name1;
             var macro = ShaderMacro._macroMap[key];
             if (!macro) {
                 var maskMap = ShaderMacro._macroMaskMap;
                 var counter = ShaderMacro._macroCounter;
                 var index = Math.floor(counter / 32);
                 var bit = counter % 32;
-                macro = new ShaderMacro(name, value, index, 1 << bit);
+                macro = new ShaderMacro(name1, value, index, 1 << bit);
                 ShaderMacro._macroMap[key] = macro;
                 if (index == maskMap.length) {
                     maskMap.length++;
@@ -10005,14 +10062,6 @@
             return src.replace(regex, replace);
         };
         /**
-       * GLSL extension.
-       * @param extensions - such as ["GL_EXT_shader_texture_lod"]
-       * */ ShaderFactory.parseExtension = function parseExtension(extensions) {
-            return extensions.map(function(e) {
-                return "#extension " + e + " : enable\n";
-            }).join("");
-        };
-        /**
        * Convert lower GLSL version to GLSL 300 es.
        * @param shader - code
        * @param isFrag - Whether it is a fragment shader.
@@ -10051,21 +10100,30 @@
         };
         return ShaderFactory;
     }();
+    (function() {
+        /** @internal */ ShaderFactory._shaderExtension = [
+            "GL_EXT_shader_texture_lod",
+            "GL_OES_standard_derivatives",
+            "GL_EXT_draw_buffers"
+        ].map(function(e) {
+            return "#extension " + e + " : enable\n";
+        }).join("");
+    })();
     /**
      * Shader tag key.
      */ var ShaderTagKey = /*#__PURE__*/ function() {
-        function ShaderTagKey(name) {
-            this.name = name;
+        function ShaderTagKey(name1) {
+            this.name = name1;
             this._uniqueId = ShaderTagKey._nameCounter++;
         }
         /**
        * Get shader property by name.
        * @param name - Name of the shader property
        * @returns Shader property
-       */ ShaderTagKey.getByName = function getByName(name) {
+       */ ShaderTagKey.getByName = function getByName(name1) {
             var _nameMap, _name;
             var nameMap = ShaderTagKey._nameMap;
-            return (_nameMap = nameMap)[_name = name] || (_nameMap[_name] = new ShaderTagKey(name));
+            return (_nameMap = nameMap)[_name = name1] || (_nameMap[_name] = new ShaderTagKey(name1));
         };
         return ShaderTagKey;
     }();
@@ -10096,6 +10154,16 @@
         _proto.getTagValue = function getTagValue(keyOrKeyName) {
             return this._tagsMap[typeof keyOrKeyName == "string" ? ShaderTagKey.getByName(keyOrKeyName)._uniqueId : keyOrKeyName._uniqueId];
         };
+        _create_class$3(ShaderPart, [
+            {
+                key: "name",
+                get: /**
+       * Name.
+       */ function get() {
+                    return this._name;
+                }
+            }
+        ]);
         return ShaderPart;
     }();
     /**
@@ -10522,17 +10590,17 @@
             var uniformInfos = this._getUniformInfos();
             var attributeInfos = this._getAttributeInfos();
             uniformInfos.forEach(function(param) {
-                var name = param.name, size = param.size, type = param.type;
+                var name1 = param.name, size = param.size, type = param.type;
                 var shaderUniform = new ShaderUniform(_this._engine);
                 var isArray = false;
                 var isTexture = false;
-                if (name.indexOf("[0]") > 0) {
-                    name = name.substr(0, name.length - 3);
+                if (name1.indexOf("[0]") > 0) {
+                    name1 = name1.substr(0, name1.length - 3);
                     isArray = true;
                 }
-                var location = gl.getUniformLocation(program, name);
-                shaderUniform.name = name;
-                shaderUniform.propertyId = ShaderProperty.getByName(name)._uniqueId;
+                var location = gl.getUniformLocation(program, name1);
+                shaderUniform.name = name1;
+                shaderUniform.propertyId = ShaderProperty.getByName(name1)._uniqueId;
                 shaderUniform.location = location;
                 switch(type){
                     case gl.FLOAT:
@@ -10649,12 +10717,12 @@
                     default:
                         throw new Error("Unsupported uniform type");
                 }
-                var group = ShaderProperty._getShaderPropertyGroup(name);
+                var group = ShaderProperty._getShaderPropertyGroup(name1);
                 _this._groupingUniform(shaderUniform, group, isTexture);
             });
             attributeInfos.forEach(function(param) {
-                var name = param.name;
-                _this.attributeLocation[name] = gl.getAttribLocation(program, name);
+                var name1 = param.name;
+                _this.attributeLocation[name1] = gl.getAttribLocation(program, name1);
             });
         };
         _proto._getUniformInfos = function _getUniformInfos() {
@@ -10707,19 +10775,29 @@
     })();
     /**
      * Shader pass containing vertex and fragment source.
-     */ var ShaderPass = /*#__PURE__*/ function(ShaderPart) {
-        _inherits$2(ShaderPass, ShaderPart);
-        function ShaderPass(vertexSource, fragmentSource, tags) {
-            if (tags === void 0) tags = {
-                pipelineStage: exports.PipelineStage.Forward
-            };
+     */ var ShaderPass = /*#__PURE__*/ function(ShaderPart1) {
+        _inherits$2(ShaderPass, ShaderPart1);
+        function ShaderPass(nameOrVertexSource, vertexSourceOrFragmentSource, fragmentSourceOrTags, tags) {
             var _this;
-            _this = ShaderPart.call(this) || this;
+            _this = ShaderPart1.call(this) || this;
             /** @internal */ _this._shaderPassId = 0;
             /** @internal */ _this._renderStateDataMap = {};
             _this._shaderPassId = ShaderPass._shaderPassCounter++;
-            _this._vertexSource = vertexSource;
-            _this._fragmentSource = fragmentSource;
+            if (typeof fragmentSourceOrTags === "string") {
+                _this._name = nameOrVertexSource;
+                _this._vertexSource = vertexSourceOrFragmentSource;
+                _this._fragmentSource = fragmentSourceOrTags;
+                tags = tags != null ? tags : {
+                    pipelineStage: exports.PipelineStage.Forward
+                };
+            } else {
+                _this._name = "Default";
+                _this._vertexSource = nameOrVertexSource;
+                _this._fragmentSource = vertexSourceOrFragmentSource;
+                tags = fragmentSourceOrTags != null ? fragmentSourceOrTags : {
+                    pipelineStage: exports.PipelineStage.Forward
+                };
+            }
             for(var key in tags){
                 _this.setTag(key, tags[key]);
             }
@@ -10748,7 +10826,7 @@
                 precisionStr += "#define HAS_DERIVATIVES\n";
             }
             var vertexSource = " " + versionStr + "\n        " + graphicAPI + "\n        " + macroNameStr + "\n      " + ShaderFactory.parseIncludes(this._vertexSource);
-            var fragmentSource = " " + versionStr + "\n        " + graphicAPI + "\n        " + (isWebGL2 ? "" : ShaderFactory.parseExtension(Shader._shaderExtension)) + "\n        " + precisionStr + "\n        " + macroNameStr + "\n      " + ShaderFactory.parseIncludes(this._fragmentSource);
+            var fragmentSource = " " + versionStr + "\n        " + graphicAPI + "\n        " + (isWebGL2 ? "" : ShaderFactory._shaderExtension) + "\n        " + precisionStr + "\n        " + macroNameStr + "\n      " + ShaderFactory.parseIncludes(this._fragmentSource);
             if (isWebGL2) {
                 vertexSource = ShaderFactory.convertTo300(vertexSource);
                 fragmentSource = ShaderFactory.convertTo300(fragmentSource, true);
@@ -10764,11 +10842,11 @@
     })();
     /**
      * Sub shader.
-     */ var SubShader = /*#__PURE__*/ function(ShaderPart) {
-        var SubShader = function SubShader(name, passes, tags) {
+     */ var SubShader = /*#__PURE__*/ function(ShaderPart1) {
+        var SubShader = function SubShader(name1, passes, tags) {
             var _this;
-            _this = ShaderPart.call(this) || this;
-            _this.name = name;
+            _this = ShaderPart1.call(this) || this;
+            _this._name = name1;
             var passCount = passes.length;
             if (passCount < 1) {
                 throw " count must large than 0.";
@@ -10779,7 +10857,7 @@
             }
             return _this;
         };
-        _inherits$2(SubShader, ShaderPart);
+        _inherits$2(SubShader, ShaderPart1);
         _create_class$3(SubShader, [
             {
                 key: "passes",
@@ -11337,6 +11415,11 @@
             this.depthState._applyShaderDataValue(renderStateDataMap, shaderData);
             this.stencilState._applyShaderDataValue(renderStateDataMap, shaderData);
             this.rasterState._applyShaderDataValue(renderStateDataMap, shaderData);
+            var renderQueueType = renderStateDataMap[exports.RenderStateDataKey.RenderQueueType];
+            if (renderQueueType !== undefined) {
+                var _shaderData_getFloat;
+                this.renderQueueType = (_shaderData_getFloat = shaderData.getFloat(renderQueueType)) != null ? _shaderData_getFloat : exports.RenderQueueType.Opaque;
+            }
         };
         /**
        * @internal
@@ -11354,9 +11437,9 @@
     /**
      * Shader for rendering.
      */ var Shader = /*#__PURE__*/ function() {
-        var Shader = function Shader(name, subShaders) {
-            this.name = name;
-            this.name = name;
+        var Shader = function Shader(name1, subShaders) {
+            this.name = name1;
+            this.name = name1;
             this._subShaders = subShaders;
         };
         var _proto = Shader.prototype;
@@ -11400,14 +11483,24 @@
                 var shaderInfo = Shader._shaderLab.parseShader(nameOrShaderSource);
                 var subShaderList = shaderInfo.subShaders.map(function(subShaderInfo) {
                     var passList = subShaderInfo.passes.map(function(passInfo) {
-                        var shaderPass = new ShaderPass(passInfo.vertexSource, passInfo.fragmentSource, passInfo.tags);
+                        if (typeof passInfo === "string") {
+                            var _Shader_find_subShaders_find, _Shader_find;
+                            // Use pass reference
+                            var paths = passInfo.split("/");
+                            return (_Shader_find = Shader.find(paths[0])) == null ? void 0 : (_Shader_find_subShaders_find = _Shader_find.subShaders.find(function(subShader) {
+                                return subShader.name === paths[1];
+                            })) == null ? void 0 : _Shader_find_subShaders_find.passes.find(function(pass) {
+                                return pass.name === paths[2];
+                            });
+                        }
+                        var shaderPass = new ShaderPass(passInfo.name, passInfo.vertexSource, passInfo.fragmentSource, passInfo.tags);
                         var renderStates = passInfo.renderStates;
                         var renderState = new RenderState();
                         shaderPass._renderState = renderState;
                         // Parse const render state
                         var constRenderStateInfo = renderStates[0];
                         for(var k in constRenderStateInfo){
-                            Shader._applyConstRenderStates(renderState, k, constRenderStateInfo[k]);
+                            Shader._applyConstRenderStates(renderState, parseInt(k), constRenderStateInfo[k]);
                         }
                         // Parse variable render state
                         var variableRenderStateInfo = renderStates[1];
@@ -11454,8 +11547,8 @@
         /**
        * Find a shader by name.
        * @param name - Name of the shader
-       */ Shader.find = function find(name) {
-            return Shader._shaderMap[name];
+       */ Shader.find = function find(name1) {
+            return Shader._shaderMap[name1];
         };
         Shader._applyConstRenderStates = function _applyConstRenderStates(renderState, key, value) {
             switch(key){
@@ -11537,10 +11630,13 @@
                 case exports.RenderStateDataKey.RasterStateSlopeScaledDepthBias:
                     renderState.rasterState.slopeScaledDepthBias = value;
                     break;
+                case exports.RenderStateDataKey.RenderQueueType:
+                    renderState.renderQueueType = value;
+                    break;
             }
         };
-        Shader.getMacroByName = function getMacroByName(name, value) {
-            return ShaderMacro.getByName(name, value);
+        Shader.getMacroByName = function getMacroByName(name1, value) {
+            return ShaderMacro.getByName(name1, value);
         };
         /**
        * @deprecated Please use `ShaderProperty.getByName` instead
@@ -11548,8 +11644,8 @@
        * Get shader property by name.
        * @param name - Name of the shader property
        * @returns Shader property
-       */ Shader.getPropertyByName = function getPropertyByName(name) {
-            return ShaderProperty.getByName(name);
+       */ Shader.getPropertyByName = function getPropertyByName(name1) {
+            return ShaderProperty.getByName(name1);
         };
         _create_class$3(Shader, [
             {
@@ -11566,13 +11662,6 @@
     (function() {
         /** @internal */ Shader._compileMacros = new ShaderMacroCollection();
     })();
-    (function() {
-        /** @internal */ Shader._shaderExtension = [
-            "GL_EXT_shader_texture_lod",
-            "GL_OES_standard_derivatives",
-            "GL_EXT_draw_buffers"
-        ];
-    })();
     (function() {
         Shader._shaderMap = Object.create(null);
     })();
@@ -11897,10 +11986,10 @@
     })(exports.SpriteMaskInteraction || (exports.SpriteMaskInteraction = {}));
     // @ts-ignore
     var _Renderer;
-    exports.Renderer = (_Renderer = /*#__PURE__*/ function(Component) {
+    exports.Renderer = (_Renderer = /*#__PURE__*/ function(Component1) {
         var Renderer1 = function Renderer1(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             /** @internal */ _this._onUpdateIndex = -1;
             /** @internal */ _this._rendererIndex = -1;
             /** @internal */ _this._globalShaderMacro = new ShaderMacroCollection();
@@ -11928,7 +12017,7 @@
             shaderData.setVector4(exports.Renderer._rendererLayerProperty, _this._rendererLayer);
             return _this;
         };
-        _inherits$2(Renderer1, Component);
+        _inherits$2(Renderer1, Component1);
         var _proto = Renderer1.prototype;
         _proto.getInstanceMaterial = function getInstanceMaterial(index) {
             if (index === void 0) index = 0;
@@ -12047,7 +12136,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Component.prototype._onDestroy.call(this);
+            Component1.prototype._onDestroy.call(this);
             this.entity.transform._updateFlagManager.removeListener(this._onTransformChanged);
             this.shaderData._addReferCount(-1);
             var materials = this._materials;
@@ -12438,11 +12527,11 @@
     })(SpriteModifyFlags || (SpriteModifyFlags = {}));
     /**
      * A component for masking Sprites.
-     */ var SpriteMask = /*#__PURE__*/ function(Renderer) {
-        _inherits$2(SpriteMask, Renderer);
+     */ var SpriteMask = /*#__PURE__*/ function(Renderer1) {
+        _inherits$2(SpriteMask, Renderer1);
         function SpriteMask(entity) {
             var _this;
-            _this = Renderer.call(this, entity) || this;
+            _this = Renderer1.call(this, entity) || this;
             /** The mask layers the sprite mask influence to. */ _this.influenceLayers = exports.SpriteMaskLayer.Everything;
             _this._sprite = null;
             _this._automaticWidth = 0;
@@ -12463,7 +12552,7 @@
         /**
        * @internal
        */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-            Renderer.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            Renderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
             target.sprite = this._sprite;
         };
         /**
@@ -12506,7 +12595,7 @@
        * @internal
        * @inheritdoc
        */ _proto._onDestroy = function _onDestroy() {
-            Renderer.prototype._onDestroy.call(this);
+            Renderer1.prototype._onDestroy.call(this);
             var sprite = this._sprite;
             if (sprite) {
                 sprite._addReferCount(-1);
@@ -12944,12 +13033,12 @@
     })(exports.SetDataOptions || (exports.SetDataOptions = {}));
     /**
      * Buffer.
-     */ var Buffer = /*#__PURE__*/ function(GraphicsResource) {
+     */ var Buffer = /*#__PURE__*/ function(GraphicsResource1) {
         var Buffer = function Buffer(engine, type, byteLengthOrData, bufferUsage, readable) {
             if (bufferUsage === void 0) bufferUsage = exports.BufferUsage.Static;
             if (readable === void 0) readable = false;
             var _this;
-            _this = GraphicsResource.call(this, engine) || this;
+            _this = GraphicsResource1.call(this, engine) || this;
             /** @internal */ _this._dataUpdateManager = new UpdateFlagManager();
             _this._engine = engine;
             _this._type = type;
@@ -12973,7 +13062,7 @@
             }
             return _this;
         };
-        _inherits$2(Buffer, GraphicsResource);
+        _inherits$2(Buffer, GraphicsResource1);
         var _proto = Buffer.prototype;
         /**
        * Bind buffer.
@@ -13017,7 +13106,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            GraphicsResource.prototype._onDestroy.call(this);
+            GraphicsResource1.prototype._onDestroy.call(this);
             this._platformBuffer.destroy();
         };
         _create_class$3(Buffer, [
@@ -13136,10 +13225,10 @@
     /**
      * @internal
      * Primitive.
-     */ var Primitive = /*#__PURE__*/ function(GraphicsResource) {
+     */ var Primitive = /*#__PURE__*/ function(GraphicsResource1) {
         var Primitive = function Primitive(engine) {
             var _this;
-            _this = GraphicsResource.call(this, engine) || this;
+            _this = GraphicsResource1.call(this, engine) || this;
             _this.enableVAO = true;
             _this.instanceCount = 0;
             _this.vertexBufferBindings = [];
@@ -13149,7 +13238,7 @@
             _this._platformPrimitive = engine._hardwareRenderer.createPlatformPrimitive(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(Primitive, GraphicsResource);
+        _inherits$2(Primitive, GraphicsResource1);
         var _proto = Primitive.prototype;
         _proto.addVertexElement = function addVertexElement(element) {
             var vertexElementMap = this._vertexElementMap;
@@ -13205,9 +13294,9 @@
             var referCount = this._getReferCount();
             var vertexBufferBindings = this.vertexBufferBindings;
             if (referCount > 0) {
-                var _vertexBufferBindings_index;
+                var _vertexBufferBindings_index, _binding;
                 (_vertexBufferBindings_index = vertexBufferBindings[index]) == null ? void 0 : _vertexBufferBindings_index.buffer._addReferCount(-referCount);
-                binding == null ? void 0 : binding.buffer._addReferCount(referCount);
+                (_binding = binding) == null ? void 0 : _binding.buffer._addReferCount(referCount);
             }
             vertexBufferBindings[index] = binding;
             this._bufferStructChanged = true;
@@ -13230,8 +13319,9 @@
             var lastBinding = this.indexBufferBinding;
             var referCount = this._getReferCount();
             if (lastBinding !== binding) {
+                var _lastBinding, _lastBinding1, _binding;
                 this._indexBufferBinding = binding;
-                referCount > 0 && (lastBinding == null ? void 0 : lastBinding.buffer._addReferCount(-referCount));
+                referCount > 0 && ((_lastBinding = lastBinding) == null ? void 0 : _lastBinding.buffer._addReferCount(-referCount));
                 if (binding) {
                     referCount > 0 && binding.buffer._addReferCount(referCount);
                     this._glIndexType = BufferUtil._getGLIndexType(binding.format);
@@ -13239,7 +13329,7 @@
                 } else {
                     this._glIndexType = undefined;
                 }
-                this._bufferStructChanged = (lastBinding == null ? void 0 : lastBinding.buffer) !== (binding == null ? void 0 : binding.buffer);
+                this._bufferStructChanged = ((_lastBinding1 = lastBinding) == null ? void 0 : _lastBinding1.buffer) !== ((_binding = binding) == null ? void 0 : _binding.buffer);
             }
         };
         _proto.draw = function draw(shaderProgram, subMesh) {
@@ -13248,7 +13338,7 @@
         };
         _proto._addReferCount = function _addReferCount(value) {
             var _this_indexBufferBinding;
-            GraphicsResource.prototype._addReferCount.call(this, value);
+            GraphicsResource1.prototype._addReferCount.call(this, value);
             var vertexBufferBindings = this.vertexBufferBindings;
             for(var i = 0, n = vertexBufferBindings.length; i < n; i++){
                 var _vertexBufferBindings_i;
@@ -13282,14 +13372,14 @@
     }(GraphicsResource);
     /**
      * Mesh.
-     */ var Mesh = /*#__PURE__*/ function(ReferResource) {
-        var Mesh = function Mesh(engine, name) {
+     */ var Mesh = /*#__PURE__*/ function(ReferResource1) {
+        var Mesh = function Mesh(engine, name1) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             /** @internal */ _this._updateFlagManager = new UpdateFlagManager();
             _this._bounds = new BoundingBox();
             _this._subMeshes = [];
-            _this.name = name;
+            _this.name = name1;
             _this._primitive = new Primitive(engine);
             _this._onBoundsChanged = _this._onBoundsChanged.bind(_assert_this_initialized(_this));
             var bounds = _this._bounds;
@@ -13299,7 +13389,7 @@
             bounds.max._onValueChanged = _this._onBoundsChanged;
             return _this;
         };
-        _inherits$2(Mesh, ReferResource);
+        _inherits$2(Mesh, ReferResource1);
         var _proto = Mesh.prototype;
         _proto.addSubMesh = function addSubMesh(startOrSubMesh, count, topology) {
             if (topology === void 0) topology = exports.MeshTopology.Triangles;
@@ -13361,13 +13451,13 @@
             this._primitive.setVertexBufferBinding(index, binding);
         };
         _proto._addReferCount = function _addReferCount(value) {
-            ReferResource.prototype._addReferCount.call(this, value);
+            ReferResource1.prototype._addReferCount.call(this, value);
             this._primitive._addReferCount(value);
         };
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             this._primitive.destroy();
         };
         /**
@@ -13534,13 +13624,13 @@
     /**
      * BlendShape.
      */ var BlendShape = /*#__PURE__*/ function() {
-        var BlendShape = function BlendShape(name) {
+        var BlendShape = function BlendShape(name1) {
             /** @internal */ this._useBlendShapeNormal = true;
             /** @internal */ this._useBlendShapeTangent = true;
             /** @internal */ this._layoutChangeManager = new UpdateFlagManager();
             /** @internal */ this._dataChangeManager = new UpdateFlagManager();
             this._frames = [];
-            this.name = name;
+            this.name = name1;
             this._frameDataChangeListener = this._frameDataChangeListener.bind(this);
         };
         var _proto = BlendShape.prototype;
@@ -13609,11 +13699,11 @@
     }();
     /**
      * BufferMesh.
-     */ var BufferMesh = /*#__PURE__*/ function(Mesh) {
+     */ var BufferMesh = /*#__PURE__*/ function(Mesh1) {
         var BufferMesh = function BufferMesh() {
-            return Mesh.apply(this, arguments);
+            return Mesh1.apply(this, arguments);
         };
-        _inherits$2(BufferMesh, Mesh);
+        _inherits$2(BufferMesh, Mesh1);
         var _proto = BufferMesh.prototype;
         /**
        * Set vertex elements.
@@ -13694,20 +13784,20 @@
     }(Mesh);
     /**
      * MeshRenderer Component.
-     */ var MeshRenderer = /*#__PURE__*/ function(Renderer) {
+     */ var MeshRenderer = /*#__PURE__*/ function(Renderer1) {
         var MeshRenderer = function MeshRenderer(entity) {
             var _this;
-            _this = Renderer.call(this, entity) || this;
+            _this = Renderer1.call(this, entity) || this;
             _this._enableVertexColor = false;
             _this._onMeshChanged = _this._onMeshChanged.bind(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(MeshRenderer, Renderer);
+        _inherits$2(MeshRenderer, Renderer1);
         var _proto = MeshRenderer.prototype;
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Renderer.prototype._onDestroy.call(this);
+            Renderer1.prototype._onDestroy.call(this);
             var mesh = this._mesh;
             if (mesh) {
                 mesh.destroyed || mesh._addReferCount(-1);
@@ -13718,7 +13808,7 @@
         /**
        * @internal
        */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-            Renderer.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            Renderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
             target.mesh = this._mesh;
         };
         /**
@@ -13728,7 +13818,7 @@
                 Logger.error("mesh is null.");
                 return;
             }
-            Renderer.prototype._prepareRender.call(this, context);
+            Renderer1.prototype._prepareRender.call(this, context);
         };
         /**
        * @internal
@@ -14338,10 +14428,10 @@
     })(exports.VertexAttribute || (exports.VertexAttribute = {}));
     /**
      * Mesh containing common vertex elements of the model.
-     */ var ModelMesh = /*#__PURE__*/ function(Mesh) {
-        var ModelMesh = function ModelMesh(engine, name) {
+     */ var ModelMesh = /*#__PURE__*/ function(Mesh1) {
+        var ModelMesh = function ModelMesh(engine, name1) {
             var _this;
-            _this = Mesh.call(this, engine) || this;
+            _this = Mesh1.call(this, engine) || this;
             /** @internal */ _this._internalVertexBufferIndex = -1;
             _this._vertexCount = 0;
             _this._vertexCountDirty = false;
@@ -14375,23 +14465,24 @@
             _this._indicesFormat = null;
             _this._indicesChangeFlag = false;
             /** @deprecated */ _this._accessible = true;
-            _this.name = name;
+            _this.name = name1;
             _this._blendShapeManager = new BlendShapeManager(engine, _assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(ModelMesh, Mesh);
+        _inherits$2(ModelMesh, Mesh1);
         var _proto = ModelMesh.prototype;
         /**
        * Set positions for the mesh.
        * @param positions - The positions for the mesh
        */ _proto.setPositions = function setPositions(positions) {
+            var _positions;
             if (!this._positions && !positions) {
                 return;
             }
             this._updateAdvancedVertexDataMarks(0x1, 0);
             this._positions = positions;
             var _positions_length;
-            this._vertexCount = (_positions_length = positions == null ? void 0 : positions.length) != null ? _positions_length : 0;
+            this._vertexCount = (_positions_length = (_positions = positions) == null ? void 0 : _positions.length) != null ? _positions_length : 0;
             this._vertexCountDirty = false;
         };
         /**
@@ -14718,9 +14809,10 @@
                 var vertexBufferInfos = this._vertexBufferInfos;
                 var vertexBufferBindings = this._primitive.vertexBufferBindings;
                 for(var i = 0, n = vertexBufferBindings.length; i < n; i++){
+                    var _vertexBufferInfo;
                     var vertexBufferInfo = vertexBufferInfos[i];
                     // VertexBufferInfo maybe undefined
-                    if (vertexBufferInfo == null ? void 0 : vertexBufferInfo.uploadAdvancedData) {
+                    if ((_vertexBufferInfo = vertexBufferInfo) == null ? void 0 : _vertexBufferInfo.uploadAdvancedData) {
                         var _vertexBufferBindings_i;
                         var buffer = (_vertexBufferBindings_i = vertexBufferBindings[i]) == null ? void 0 : _vertexBufferBindings_i.buffer;
                         buffer.setData(buffer.data);
@@ -14735,7 +14827,8 @@
                 var indexBuffer = (_this__primitive_indexBufferBinding = this._primitive.indexBufferBinding) == null ? void 0 : _this__primitive_indexBufferBinding._buffer;
                 if (indices) {
                     if (!indexBuffer || indices.byteLength != indexBuffer.byteLength) {
-                        indexBuffer == null ? void 0 : indexBuffer.destroy();
+                        var _indexBuffer;
+                        (_indexBuffer = indexBuffer) == null ? void 0 : _indexBuffer.destroy();
                         var newIndexBuffer = new Buffer(this._engine, exports.BufferBindFlag.IndexBuffer, indices);
                         this._setIndexBufferBinding(new IndexBufferBinding(newIndexBuffer, this._indicesFormat));
                     } else {
@@ -14845,7 +14938,7 @@
             // Remove listener from previous binding
             var previousBinding = vertexBufferBindings[index];
             previousBinding && previousBinding.buffer._dataUpdateManager.removeListener(onVertexBufferChanged);
-            Mesh.prototype._setVertexBufferBinding.call(this, index, binding);
+            Mesh1.prototype._setVertexBufferBinding.call(this, index, binding);
             // Add listener to new binding and trigger update
             if (binding) {
                 var _updateInfos, _index;
@@ -14877,7 +14970,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Mesh.prototype._onDestroy.call(this);
+            Mesh1.prototype._onDestroy.call(this);
             this._releaseCache(true);
         };
         _proto._getVertexElementData = function _getVertexElementData(vertices, vertexAttribute, vertexElementIndex, readVertexData) {
@@ -14953,13 +15046,14 @@
             });
         };
         _proto._readVertexData = function _readVertexData(attributeType, onVertexParse) {
+            var _bufferBinding;
             var primitive = this._primitive;
             var vertexElement = primitive._vertexElementMap[attributeType];
             if (!vertexElement) {
                 return null;
             }
             var bufferBinding = primitive.vertexBufferBindings[vertexElement.bindingIndex];
-            var buffer = bufferBinding == null ? void 0 : bufferBinding.buffer;
+            var buffer = (_bufferBinding = bufferBinding) == null ? void 0 : _bufferBinding.buffer;
             if (!buffer) {
                 return null;
             }
@@ -15113,11 +15207,12 @@
             });
         };
         _proto._writeAdvancedVertexData = function _writeAdvancedVertexData(attribute, elementIndex, onVertexWrite) {
+            var _bufferBinding;
             var primitive = this._primitive;
             var vertexElement = primitive._vertexElementMap[attribute];
             var bindingIndex = vertexElement.bindingIndex;
             var bufferBinding = primitive.vertexBufferBindings[bindingIndex];
-            var buffer = bufferBinding == null ? void 0 : bufferBinding.buffer;
+            var buffer = (_bufferBinding = bufferBinding) == null ? void 0 : _bufferBinding.buffer;
             if (!buffer) {
                 return;
             }
@@ -15412,14 +15507,14 @@
     })(VertexElementIndex || (VertexElementIndex = {}));
     /**
      * @internal
-     */ var PrimitiveMeshRestorer = /*#__PURE__*/ function(ContentRestorer) {
+     */ var PrimitiveMeshRestorer = /*#__PURE__*/ function(ContentRestorer1) {
         var PrimitiveMeshRestorer = function PrimitiveMeshRestorer(resource, primitiveInfo) {
             var _this;
-            _this = ContentRestorer.call(this, resource) || this;
+            _this = ContentRestorer1.call(this, resource) || this;
             _this.primitiveInfo = primitiveInfo;
             return _this;
         };
-        _inherits$2(PrimitiveMeshRestorer, ContentRestorer);
+        _inherits$2(PrimitiveMeshRestorer, ContentRestorer1);
         var _proto = PrimitiveMeshRestorer.prototype;
         _proto.restoreContent = function restoreContent() {
             var primitiveInfo = this.primitiveInfo;
@@ -16414,26 +16509,26 @@
     })();
     /**
      * Mesh skin data, equal glTF skins define
-     */ var Skin = /*#__PURE__*/ function(EngineObject) {
-        var Skin = function Skin(name) {
+     */ var Skin = /*#__PURE__*/ function(EngineObject1) {
+        var Skin = function Skin(name1) {
             var _this;
-            _this = EngineObject.call(this, null) || this;
-            _this.name = name;
+            _this = EngineObject1.call(this, null) || this;
+            _this.name = name1;
             _this._bones = [];
             _this.inverseBindMatrices = []; // inverse bind matrix array
             _this.joints = []; // joints name array, element type: string
             _this.skeleton = "none"; // root bone name
             return _this;
         };
-        _inherits$2(Skin, EngineObject);
+        _inherits$2(Skin, EngineObject1);
         return Skin;
     }(EngineObject);
     /**
      * SkinnedMeshRenderer.
-     */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer) {
+     */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer1) {
         var SkinnedMeshRenderer = function SkinnedMeshRenderer(entity) {
             var _this;
-            _this = MeshRenderer.call(this, entity) || this;
+            _this = MeshRenderer1.call(this, entity) || this;
             _this._jointDataCreateCache = new Vector2(-1, -1);
             _this._localBounds = new BoundingBox();
             _this._skin = null;
@@ -16452,7 +16547,7 @@
             localBounds.max._onValueChanged = _this._onLocalBoundsChanged;
             return _this;
         };
-        _inherits$2(SkinnedMeshRenderer, MeshRenderer);
+        _inherits$2(SkinnedMeshRenderer, MeshRenderer1);
         var _proto = SkinnedMeshRenderer.prototype;
         /**
        * @internal
@@ -16532,7 +16627,7 @@
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
             var _this__rootBone, _this__jointTexture;
-            MeshRenderer.prototype._onDestroy.call(this);
+            MeshRenderer1.prototype._onDestroy.call(this);
             (_this__rootBone = this._rootBone) == null ? void 0 : _this__rootBone.transform._updateFlagManager.removeListener(this._onTransformChanged);
             this._rootBone = null;
             this._jointDataCreateCache = null;
@@ -16547,7 +16642,7 @@
         /**
        * @internal
        */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-            MeshRenderer.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            MeshRenderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
             var paths = new Array();
             // Clone rootBone
             if (this.rootBone) {
@@ -16581,7 +16676,7 @@
                 var worldMatrix = this._rootBone.transform.worldMatrix;
                 BoundingBox.transform(localBounds, worldMatrix, worldBounds);
             } else {
-                MeshRenderer.prototype._updateBounds.call(this, worldBounds);
+                MeshRenderer1.prototype._updateBounds.call(this, worldBounds);
             }
         };
         _proto._checkBlendShapeWeightLength = function _checkBlendShapeWeightLength() {
@@ -16690,11 +16785,11 @@
                 },
                 set: function set(value) {
                     if (this._bones !== value) {
-                        var _this__bones;
+                        var _this__bones, _value;
                         var _this__bones_length;
                         var lastBoneCount = (_this__bones_length = (_this__bones = this._bones) == null ? void 0 : _this__bones.length) != null ? _this__bones_length : 0;
                         var _value_length;
-                        var boneCount = (_value_length = value == null ? void 0 : value.length) != null ? _value_length : 0;
+                        var boneCount = (_value_length = (_value = value) == null ? void 0 : _value.length) != null ? _value_length : 0;
                         if (lastBoneCount !== boneCount) {
                             var shaderData = this.shaderData;
                             if (boneCount > 0) {
@@ -16938,11 +17033,11 @@
     (function() {
         Basic2DBatcher._canUploadSameBuffer = true;
     })();
-    var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher) {
+    var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher1) {
         var SpriteMaskBatcher = function SpriteMaskBatcher() {
-            return Basic2DBatcher.apply(this, arguments);
+            return Basic2DBatcher1.apply(this, arguments);
         };
-        _inherits$2(SpriteMaskBatcher, Basic2DBatcher);
+        _inherits$2(SpriteMaskBatcher, Basic2DBatcher1);
         var _proto = SpriteMaskBatcher.prototype;
         _proto.createVertexElements = function createVertexElements(vertexElements) {
             vertexElements[0] = new VertexElement("POSITION", 0, exports.VertexElementFormat.Vector3, 0);
@@ -17076,15 +17171,15 @@
         };
         return SpriteMaskManager;
     }();
-    var SpriteMaskRenderData = /*#__PURE__*/ function(RenderData) {
+    var SpriteMaskRenderData = /*#__PURE__*/ function(RenderData1) {
         var SpriteMaskRenderData = function SpriteMaskRenderData() {
             var _this;
-            _this = RenderData.call(this) || this;
+            _this = RenderData1.call(this) || this;
             _this.isAdd = true;
             _this.multiRenderData = false;
             return _this;
         };
-        _inherits$2(SpriteMaskRenderData, RenderData);
+        _inherits$2(SpriteMaskRenderData, RenderData1);
         var _proto = SpriteMaskRenderData.prototype;
         _proto.set = function set(component, material, verticesData) {
             this.component = component;
@@ -17096,14 +17191,14 @@
         };
         return SpriteMaskRenderData;
     }(RenderData);
-    var SpriteRenderData = /*#__PURE__*/ function(RenderData) {
+    var SpriteRenderData = /*#__PURE__*/ function(RenderData1) {
         var SpriteRenderData = function SpriteRenderData() {
             var _this;
-            _this = RenderData.call(this) || this;
+            _this = RenderData1.call(this) || this;
             _this.multiRenderData = false;
             return _this;
         };
-        _inherits$2(SpriteRenderData, RenderData);
+        _inherits$2(SpriteRenderData, RenderData1);
         var _proto = SpriteRenderData.prototype;
         _proto.set = function set(component, material, verticesData, texture, dataIndex) {
             if (dataIndex === void 0) dataIndex = 0;
@@ -17118,15 +17213,15 @@
         };
         return SpriteRenderData;
     }(RenderData);
-    var TextRenderData = /*#__PURE__*/ function(RenderData) {
+    var TextRenderData = /*#__PURE__*/ function(RenderData1) {
         var TextRenderData = function TextRenderData() {
             var _this;
-            _this = RenderData.call(this) || this;
+            _this = RenderData1.call(this) || this;
             _this.charsData = [];
             _this.multiRenderData = true;
             return _this;
         };
-        _inherits$2(TextRenderData, RenderData);
+        _inherits$2(TextRenderData, RenderData1);
         var _proto = TextRenderData.prototype;
         _proto.dispose = function dispose() {
             this.component = this.material = null;
@@ -17167,6 +17262,7 @@
         AssetType[/** HDR to cube. */ "HDR"] = "HDR";
         AssetType[/** Font. */ "Font"] = "Font";
         AssetType[/** Source Font, include ttf、 otf and woff. */ "SourceFont"] = "SourceFont";
+        AssetType[/** Project asset. */ "Project"] = "project";
     })(exports.AssetType || (exports.AssetType = {}));
     var SafeLoopArray = /*#__PURE__*/ function() {
         var SafeLoopArray = function SafeLoopArray() {
@@ -17788,10 +17884,10 @@
                 queryPath: this._getParameterByName("q", path)
             };
         };
-        _proto._getParameterByName = function _getParameterByName(name, url) {
+        _proto._getParameterByName = function _getParameterByName(name1, url) {
             if (url === void 0) url = window.location.href;
-            name = name.replace(/[\[\]]/g, "\\$&");
-            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url);
+            name1 = name1.replace(/[\[\]]/g, "\\$&");
+            var regex = new RegExp("[?&]" + name1 + "(=([^&#]*)|&|#|$)"), results = regex.exec(url);
             if (!results) return null;
             if (!results[2]) return "";
             return decodeURIComponent(results[2].replace(/\+/g, " "));
@@ -18439,16 +18535,16 @@
         CameraClearFlags[CameraClearFlags[/* Clear depth and stencil. */ "DepthStencil"] = 0x6] = "DepthStencil";
         CameraClearFlags[CameraClearFlags[/* Clear color with scene background, depth, and stencil. */ "All"] = 0x7] = "All";
     })(exports.CameraClearFlags || (exports.CameraClearFlags = {}));
-    exports.Collider = /*#__PURE__*/ function(Component) {
+    exports.Collider = /*#__PURE__*/ function(Component1) {
         var Collider = function Collider(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             /** @internal */ _this._index = -1;
             _this._shapes = [];
             _this._updateFlag = _this.entity.transform.registerWorldChangeFlag();
             return _this;
         };
-        _inherits$2(Collider, Component);
+        _inherits$2(Collider, Component1);
         var _proto = Collider.prototype;
         /**
        * Add collider shape on this collider.
@@ -18518,7 +18614,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Component.prototype._onDestroy.call(this);
+            Component1.prototype._onDestroy.call(this);
             this.clearShapes();
             this._nativeCollider.destroy();
         };
@@ -18819,10 +18915,10 @@
     })(exports.ControllerNonWalkableMode || (exports.ControllerNonWalkableMode = {}));
     /**
      * The character controllers.
-     */ var CharacterController = /*#__PURE__*/ function(Collider) {
+     */ var CharacterController = /*#__PURE__*/ function(Collider1) {
         var CharacterController = function CharacterController(entity) {
             var _this;
-            _this = Collider.call(this, entity) || this;
+            _this = Collider1.call(this, entity) || this;
             _this._stepOffset = 0.5;
             _this._nonWalkableMode = exports.ControllerNonWalkableMode.PreventClimbing;
             _this._upDirection = new Vector3(0, 1, 0);
@@ -18833,7 +18929,7 @@
             _this._upDirection._onValueChanged = _this._setUpDirection;
             return _this;
         };
-        _inherits$2(CharacterController, Collider);
+        _inherits$2(CharacterController, Collider1);
         var _proto = CharacterController.prototype;
         /**
        * Moves the character using a "collide-and-slide" algorithm.
@@ -18851,14 +18947,14 @@
             if (this._shapes.length > 0) {
                 throw "only allow single shape on controller!";
             }
-            Collider.prototype.addShape.call(this, shape);
+            Collider1.prototype.addShape.call(this, shape);
             this._updateFlag.flag = true;
         };
         /**
        * Remove all shape attached.
        */ _proto.clearShapes = function clearShapes() {
             if (this._shapes.length > 0) {
-                Collider.prototype.removeShape.call(this, this._shapes[0]);
+                Collider1.prototype.removeShape.call(this, this._shapes[0]);
             }
         };
         /**
@@ -18957,10 +19053,10 @@
     }(exports.Collider);
     /**
      * A dynamic collider can act with self-defined movement or physical force.
-     */ var DynamicCollider = /*#__PURE__*/ function(Collider) {
+     */ var DynamicCollider = /*#__PURE__*/ function(Collider1) {
         var DynamicCollider = function DynamicCollider(entity) {
             var _this;
-            _this = Collider.call(this, entity) || this;
+            _this = Collider1.call(this, entity) || this;
             _this._linearDamping = 0;
             _this._angularDamping = 0.05;
             _this._linearVelocity = new Vector3();
@@ -18991,7 +19087,7 @@
             _this._inertiaTensor._onValueChanged = _this._setInertiaTensor;
             return _this;
         };
-        _inherits$2(DynamicCollider, Collider);
+        _inherits$2(DynamicCollider, Collider1);
         var _proto = DynamicCollider.prototype;
         /**
        * Apply a force to the DynamicCollider.
@@ -19362,15 +19458,15 @@
     /**
      * A static collider component that will not move.
      * @remarks Mostly used for object which always stays at the same place and never moves around.
-     */ var StaticCollider = /*#__PURE__*/ function(Collider) {
+     */ var StaticCollider = /*#__PURE__*/ function(Collider1) {
         var StaticCollider = function StaticCollider(entity) {
             var _this;
-            _this = Collider.call(this, entity) || this;
+            _this = Collider1.call(this, entity) || this;
             var transform = _this.entity.transform;
             _this._nativeCollider = PhysicsScene._nativePhysics.createStaticCollider(transform.worldPosition, transform.worldRotationQuaternion);
             return _this;
         };
-        _inherits$2(StaticCollider, Collider);
+        _inherits$2(StaticCollider, Collider1);
         return StaticCollider;
     }(exports.Collider);
     /**
@@ -19389,10 +19485,10 @@
         ControllerCollisionFlag[ControllerCollisionFlag[/** Character has collision above. */ "Up"] = 2] = "Up";
         ControllerCollisionFlag[ControllerCollisionFlag[/** Character has collision below. */ "Down"] = 4] = "Down";
     })(exports.ControllerCollisionFlag || (exports.ControllerCollisionFlag = {}));
-    exports.Joint = /*#__PURE__*/ function(Component) {
+    exports.Joint = /*#__PURE__*/ function(Component1) {
         var Joint = function Joint(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             _this._connectedCollider = new JointCollider();
             _this._collider = new JointCollider();
             _this._force = 0;
@@ -19400,7 +19496,7 @@
             _this._connectedCollider.localPosition = new Vector3();
             return _this;
         };
-        _inherits$2(Joint, Component);
+        _inherits$2(Joint, Component1);
         _create_class$3(Joint, [
             {
                 key: "connectedCollider",
@@ -19531,11 +19627,11 @@
     };
     /*
      * A fixed joint permits no relative movement between two colliders. ie the colliders are glued together.
-     */ var FixedJoint = /*#__PURE__*/ function(Joint) {
+     */ var FixedJoint = /*#__PURE__*/ function(Joint1) {
         var FixedJoint = function FixedJoint() {
-            return Joint.apply(this, arguments);
+            return Joint1.apply(this, arguments);
         };
-        _inherits$2(FixedJoint, Joint);
+        _inherits$2(FixedJoint, Joint1);
         var _proto = FixedJoint.prototype;
         /**
        * @internal
@@ -19551,22 +19647,23 @@
      * @internal
      */ var HingeJointFlag;
     (function(HingeJointFlag) {
-        HingeJointFlag[HingeJointFlag[/** enable the limit */ "LimitEnabled"] = 1] = "LimitEnabled";
-        HingeJointFlag[HingeJointFlag[/** enable the drive */ "DriveEnabled"] = 2] = "DriveEnabled";
-        HingeJointFlag[HingeJointFlag[/** if the existing velocity is beyond the drive velocity, do not add force */ "DriveFreeSpin"] = 4] = "DriveFreeSpin";
+        HingeJointFlag[HingeJointFlag[/** None. */ "None"] = 0] = "None";
+        HingeJointFlag[HingeJointFlag[/** Enable the limit. */ "LimitEnabled"] = 1] = "LimitEnabled";
+        HingeJointFlag[HingeJointFlag[/** Enable the drive. */ "DriveEnabled"] = 2] = "DriveEnabled";
+        HingeJointFlag[HingeJointFlag[/** If the existing velocity is beyond the drive velocity, do not add force. */ "DriveFreeSpin"] = 4] = "DriveFreeSpin";
     })(HingeJointFlag || (HingeJointFlag = {}));
     /**
      * A joint which behaves in a similar way to a hinge or axle.
-     */ var HingeJoint = /*#__PURE__*/ function(Joint) {
+     */ var HingeJoint = /*#__PURE__*/ function(Joint1) {
         var HingeJoint = function HingeJoint() {
             var _this;
-            _this = Joint.apply(this, arguments) || this;
+            _this = Joint1.apply(this, arguments) || this;
             _this._axis = new Vector3(1, 0, 0);
-            _this._hingeFlags = 0;
+            _this._hingeFlags = HingeJointFlag.None;
             _this._useSpring = false;
             return _this;
         };
-        _inherits$2(HingeJoint, Joint);
+        _inherits$2(HingeJoint, Joint1);
         var _proto = HingeJoint.prototype;
         /**
        * @internal
@@ -19632,9 +19729,9 @@
                 },
                 set: function set(value) {
                     if (value !== this.useLimits) {
-                        this._hingeFlags |= HingeJointFlag.LimitEnabled;
+                        value ? this._hingeFlags |= HingeJointFlag.LimitEnabled : this._hingeFlags &= ~HingeJointFlag.LimitEnabled;
+                        this._nativeJoint.setHingeJointFlag(HingeJointFlag.LimitEnabled, value);
                     }
-                    this._nativeJoint.setHingeJointFlag(HingeJointFlag.LimitEnabled, value);
                 }
             },
             {
@@ -19646,9 +19743,9 @@
                 },
                 set: function set(value) {
                     if (value !== this.useMotor) {
-                        this._hingeFlags |= HingeJointFlag.DriveEnabled;
+                        value ? this._hingeFlags |= HingeJointFlag.DriveEnabled : this._hingeFlags &= ~HingeJointFlag.DriveEnabled;
+                        this._nativeJoint.setHingeJointFlag(HingeJointFlag.DriveEnabled, value);
                     }
-                    this._nativeJoint.setHingeJointFlag(HingeJointFlag.DriveEnabled, value);
                 }
             },
             {
@@ -19705,10 +19802,10 @@
     }(exports.Joint);
     /**
      * A joint that maintains an upper or lower bound (or both) on the distance between two points on different objects.
-     */ var SpringJoint = /*#__PURE__*/ function(Joint) {
+     */ var SpringJoint = /*#__PURE__*/ function(Joint1) {
         var SpringJoint = function SpringJoint() {
             var _this;
-            _this = Joint.apply(this, arguments) || this;
+            _this = Joint1.apply(this, arguments) || this;
             _this._minDistance = 0;
             _this._maxDistance = 0;
             _this._tolerance = 0.25;
@@ -19716,7 +19813,7 @@
             _this._damping = 0;
             return _this;
         };
-        _inherits$2(SpringJoint, Joint);
+        _inherits$2(SpringJoint, Joint1);
         var _proto = SpringJoint.prototype;
         /**
        * @internal
@@ -19960,10 +20057,10 @@
     })();
     /**
      * Physical collider shape for box.
-     */ var BoxColliderShape = /*#__PURE__*/ function(ColliderShape) {
+     */ var BoxColliderShape = /*#__PURE__*/ function(ColliderShape1) {
         var BoxColliderShape = function BoxColliderShape() {
             var _this;
-            _this = ColliderShape.call(this) || this;
+            _this = ColliderShape1.call(this) || this;
             _this._size = new Vector3(1, 1, 1);
             _this._nativeShape = PhysicsScene._nativePhysics.createBoxColliderShape(_this._id, _this._size, _this._material._nativeMaterial);
             _this._setSize = _this._setSize.bind(_assert_this_initialized(_this));
@@ -19971,7 +20068,7 @@
             _this._size._onValueChanged = _this._setSize;
             return _this;
         };
-        _inherits$2(BoxColliderShape, ColliderShape);
+        _inherits$2(BoxColliderShape, ColliderShape1);
         var _proto = BoxColliderShape.prototype;
         _proto._setSize = function _setSize() {
             this._nativeShape.setSize(this._size);
@@ -19995,15 +20092,15 @@
     }(ColliderShape);
     /**
      * Physical collider shape for sphere.
-     */ var SphereColliderShape = /*#__PURE__*/ function(ColliderShape) {
+     */ var SphereColliderShape = /*#__PURE__*/ function(ColliderShape1) {
         var SphereColliderShape = function SphereColliderShape() {
             var _this;
-            _this = ColliderShape.call(this) || this;
+            _this = ColliderShape1.call(this) || this;
             _this._radius = 1;
             _this._nativeShape = PhysicsScene._nativePhysics.createSphereColliderShape(_this._id, _this._radius, _this._material._nativeMaterial);
             return _this;
         };
-        _inherits$2(SphereColliderShape, ColliderShape);
+        _inherits$2(SphereColliderShape, ColliderShape1);
         _create_class$3(SphereColliderShape, [
             {
                 key: "radius",
@@ -20024,29 +20121,29 @@
     }(ColliderShape);
     /**
      * Physical collider shape plane.
-     */ var PlaneColliderShape = /*#__PURE__*/ function(ColliderShape) {
+     */ var PlaneColliderShape = /*#__PURE__*/ function(ColliderShape1) {
         var PlaneColliderShape = function PlaneColliderShape() {
             var _this;
-            _this = ColliderShape.call(this) || this;
+            _this = ColliderShape1.call(this) || this;
             _this._nativeShape = PhysicsScene._nativePhysics.createPlaneColliderShape(_this._id, _this._material._nativeMaterial);
             return _this;
         };
-        _inherits$2(PlaneColliderShape, ColliderShape);
+        _inherits$2(PlaneColliderShape, ColliderShape1);
         return PlaneColliderShape;
     }(ColliderShape);
     /**
      * Physical collider shape for capsule.
-     */ var CapsuleColliderShape = /*#__PURE__*/ function(ColliderShape) {
+     */ var CapsuleColliderShape = /*#__PURE__*/ function(ColliderShape1) {
         var CapsuleColliderShape = function CapsuleColliderShape() {
             var _this;
-            _this = ColliderShape.call(this) || this;
+            _this = ColliderShape1.call(this) || this;
             _this._radius = 1;
             _this._height = 2;
             _this._upAxis = exports.ColliderShapeUpAxis.Y;
             _this._nativeShape = PhysicsScene._nativePhysics.createCapsuleColliderShape(_this._id, _this._radius, _this._height, _this._material._nativeMaterial);
             return _this;
         };
-        _inherits$2(CapsuleColliderShape, ColliderShape);
+        _inherits$2(CapsuleColliderShape, ColliderShape1);
         _create_class$3(CapsuleColliderShape, [
             {
                 key: "radius",
@@ -20121,44 +20218,55 @@
         /**
        * @internal
        */ _proto._update = function _update() {
-            var _this = this, pointers = _this._pointers, nativeEvents = _this._nativeEvents;
+            var _this = this, pointers = _this._pointers, nativeEvents = _this._nativeEvents, htmlCanvas = _this._htmlCanvas;
+            var _this__canvas = this._canvas, width = _this__canvas.width, height = _this__canvas.height;
+            var clientWidth = htmlCanvas.clientWidth, clientHeight = htmlCanvas.clientHeight;
+            var _htmlCanvas_getBoundingClientRect = htmlCanvas.getBoundingClientRect(), left = _htmlCanvas_getBoundingClientRect.left, top = _htmlCanvas_getBoundingClientRect.top;
+            var widthDPR = width / clientWidth;
+            var heightDPR = height / clientHeight;
             // Clean up the pointer released in the previous frame
-            var lastIndex = pointers.length - 1;
-            if (lastIndex >= 0) {
-                for(var i = lastIndex; i >= 0; i--){
-                    if (pointers[i].phase === exports.PointerPhase.Leave) {
-                        pointers.splice(i, 1);
-                    }
+            for(var i = pointers.length - 1; i >= 0; i--){
+                if (pointers[i].phase === exports.PointerPhase.Leave) {
+                    pointers.splice(i, 1);
                 }
             }
             // Generate the pointer received for this frame
-            lastIndex = nativeEvents.length - 1;
-            if (lastIndex >= 0) {
-                for(var i1 = 0; i1 <= lastIndex; i1++){
-                    var _this__getPointer;
-                    var evt = nativeEvents[i1];
-                    (_this__getPointer = this._getPointer(evt.pointerId)) == null ? void 0 : _this__getPointer._events.push(evt);
+            for(var i1 = 0, n = nativeEvents.length; i1 < n; i1++){
+                var evt = nativeEvents[i1];
+                var pointerId = evt.pointerId;
+                var pointer = this._getPointerByID(pointerId);
+                if (pointer) {
+                    pointer._events.push(evt);
+                } else {
+                    var lastCount = pointers.length;
+                    if (lastCount === 0 || this._multiPointerEnabled) {
+                        var _pointerPool, _i;
+                        var _this1 = this, pointerPool = _this1._pointerPool;
+                        // Get Pointer smallest index
+                        var i2 = 0;
+                        for(; i2 < lastCount; i2++){
+                            if (pointers[i2].id > i2) {
+                                break;
+                            }
+                        }
+                        pointer = (_pointerPool = pointerPool)[_i = i2] || (_pointerPool[_i] = new Pointer(i2));
+                        pointer._uniqueID = pointerId;
+                        pointer._events.push(evt);
+                        pointer.position.set((evt.clientX - left) * widthDPR, (evt.clientY - top) * heightDPR);
+                        pointers.splice(i2, 0, pointer);
+                    }
                 }
-                nativeEvents.length = 0;
             }
+            nativeEvents.length = 0;
             // Pointer handles its own events
             this._upList.length = this._downList.length = 0;
             this._buttons = exports.PointerButton.None;
-            lastIndex = pointers.length - 1;
-            if (lastIndex >= 0) {
-                var frameCount = this._engine.time.frameCount;
-                var _this__htmlCanvas_getBoundingClientRect = this._htmlCanvas.getBoundingClientRect(), left = _this__htmlCanvas_getBoundingClientRect.left, top = _this__htmlCanvas_getBoundingClientRect.top;
-                var _this__htmlCanvas = this._htmlCanvas, clientWidth = _this__htmlCanvas.clientWidth, clientHeight = _this__htmlCanvas.clientHeight;
-                var _this__canvas = this._canvas, width = _this__canvas.width, height = _this__canvas.height;
-                // Device Pixel Ratio
-                var widthDPR = width / clientWidth;
-                var heightDPR = height / clientHeight;
-                for(var i2 = lastIndex; i2 >= 0; i2--){
-                    var pointer = pointers[i2];
-                    pointer._upList.length = pointer._downList.length = 0;
-                    this._updatePointerInfo(frameCount, pointer, left, top, widthDPR, heightDPR);
-                    this._buttons |= pointer.pressedButtons;
-                }
+            var frameCount = this._engine.time.frameCount;
+            for(var i3 = 0, n1 = pointers.length; i3 < n1; i3++){
+                var pointer1 = pointers[i3];
+                pointer1._upList.length = pointer1._downList.length = 0;
+                this._updatePointerInfo(frameCount, pointer1, left, top, widthDPR, heightDPR);
+                this._buttons |= pointer1.pressedButtons;
             }
         };
         /**
@@ -20257,42 +20365,14 @@
             evt.type === "pointerdown" && this._htmlCanvas.focus();
             this._nativeEvents.push(evt);
         };
-        _proto._getIndexByPointerID = function _getIndexByPointerID(pointerId) {
+        _proto._getPointerByID = function _getPointerByID(pointerId) {
             var _this = this, pointers = _this._pointers;
             for(var i = pointers.length - 1; i >= 0; i--){
                 if (pointers[i]._uniqueID === pointerId) {
-                    return i;
-                }
-            }
-            return -1;
-        };
-        _proto._getPointer = function _getPointer(pointerId) {
-            var _this = this, pointers = _this._pointers;
-            var index = this._getIndexByPointerID(pointerId);
-            if (index >= 0) {
-                return pointers[index];
-            } else {
-                var lastCount = pointers.length;
-                if (lastCount === 0 || this._multiPointerEnabled) {
-                    var _this1 = this, pointerPool = _this1._pointerPool;
-                    // Get Pointer smallest index
-                    var i = 0;
-                    for(; i < lastCount; i++){
-                        if (pointers[i].id > i) {
-                            break;
-                        }
-                    }
-                    var pointer = pointerPool[i];
-                    if (!pointer) {
-                        pointer = pointerPool[i] = new Pointer(i);
-                    }
-                    pointer._uniqueID = pointerId;
-                    pointers.splice(i, 0, pointer);
-                    return pointer;
-                } else {
-                    return null;
+                    return pointers[i];
                 }
             }
+            return null;
         };
         _proto._updatePointerInfo = function _updatePointerInfo(frameCount, pointer, left, top, widthPixelRatio, heightPixelRatio) {
             var events = pointer._events, position = pointer.position;
@@ -20623,17 +20703,17 @@
     }();
     /**
      * Material.
-     */ var Material = /*#__PURE__*/ function(ReferResource) {
+     */ var Material = /*#__PURE__*/ function(ReferResource1) {
         var Material = function Material(engine, shader) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             /** @internal */ _this._renderStates = [] // todo: later will as a part of shaderData when shader effect frame is OK, that is more powerful and flexible.
             ;
             _this._shaderData = new ShaderData(ShaderDataGroup.Material);
             _this.shader = shader;
             return _this;
         };
-        _inherits$2(Material, ReferResource);
+        _inherits$2(Material, ReferResource1);
         var _proto = Material.prototype;
         /**
        * Clone and return the instance.
@@ -20652,13 +20732,13 @@
         };
         _proto._addReferCount = function _addReferCount(value) {
             if (this._destroyed) return;
-            ReferResource.prototype._addReferCount.call(this, value);
+            ReferResource1.prototype._addReferCount.call(this, value);
             this.shaderData._addReferCount(value);
         };
         /**
        * @override
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             this._shader = null;
             this._shaderData = null;
             this._renderStates.length = 0;
@@ -20801,33 +20881,6 @@
         };
         return ParticleBufferUtils;
     }();
-    function _array_like_to_array$1(arr, len) {
-        if (len == null || len > arr.length) len = arr.length;
-        for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-        return arr2;
-    }
-    function _array_without_holes$1(arr) {
-        if (Array.isArray(arr)) return _array_like_to_array$1(arr);
-    }
-    function _iterable_to_array$1(iter) {
-        if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) {
-            return Array.from(iter);
-        }
-    }
-    function _non_iterable_spread$1() {
-        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    function _unsupported_iterable_to_array$1(o, minLen) {
-        if (!o) return;
-        if (typeof o === "string") return _array_like_to_array$1(o, minLen);
-        var n = Object.prototype.toString.call(o).slice(8, -1);
-        if (n === "Object" && o.constructor) n = o.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(n);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-    }
-    function _to_consumable_array$1(arr) {
-        return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$1(arr) || _non_iterable_spread$1();
-    }
     var skyProceduralFs = "#define GLSLIFY 1\n#include <common>\nconst float MIE_G=-0.990;const float MIE_G2=0.9801;const float SKY_GROUND_THRESHOLD=0.02;uniform float material_SunSize;uniform float material_SunSizeConvergence;uniform vec4 scene_SunlightColor;uniform vec3 scene_SunlightDirection;varying vec3 v_GroundColor;varying vec3 v_SkyColor;\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvarying vec3 v_Vertex;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_RayDir;\n#else\nvarying float v_SkyGroundFactor;\n#endif\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_SunColor;\n#endif\n#if defined(ENGINE_IS_COLORSPACE_GAMMA)\n#define LINEAR_2_OUTPUT(color) sqrt(color)\n#endif\nfloat getMiePhase(float eyeCos,float eyeCos2){float temp=1.0+MIE_G2-2.0*MIE_G*eyeCos;temp=pow(temp,pow(material_SunSize,0.65)*10.0);temp=max(temp,1.0e-4);temp=1.5*((1.0-MIE_G2)/(2.0+MIE_G2))*(1.0+eyeCos2)/temp;return temp;}float calcSunAttenuation(vec3 lightPos,vec3 ray){\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nfloat focusedEyeCos=pow(clamp(dot(lightPos,ray),0.0,1.0),material_SunSizeConvergence);return getMiePhase(-focusedEyeCos,focusedEyeCos*focusedEyeCos);\n#else\nvec3 delta=lightPos-ray;float dist=length(delta);float spot=1.0-smoothstep(0.0,material_SunSize,dist);return spot*spot;\n#endif\n}void main(){vec3 col=vec3(0.0,0.0,0.0);\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvec3 ray=normalize(v_Vertex);float y=ray.y/SKY_GROUND_THRESHOLD;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvec3 ray=v_RayDir;float y=ray.y/SKY_GROUND_THRESHOLD;\n#else\nfloat y=v_SkyGroundFactor;\n#endif\ncol=mix(v_SkyColor,v_GroundColor,clamp(y,0.0,1.0));\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nif(y<0.0)col+=v_SunColor*calcSunAttenuation(-scene_SunlightDirection,-ray);\n#endif\n#ifdef ENGINE_IS_COLORSPACE_GAMMA\ncol=LINEAR_2_OUTPUT(col);\n#endif\ngl_FragColor=vec4(col,1.0);\n#ifndef ENGINE_IS_COLORSPACE_GAMMA\ngl_FragColor=linearToGamma(gl_FragColor);\n#endif\n}"; // eslint-disable-line
     var skyProceduralVs = "#define GLSLIFY 1\n#define OUTER_RADIUS 1.025\n#define RAYLEIGH (mix(0.0, 0.0025, pow(material_AtmosphereThickness,2.5)))\n#define MIE 0.0010\n#define SUN_BRIGHTNESS 20.0\n#define MAX_SCATTER 50.0\nconst float SKY_GROUND_THRESHOLD=0.02;const float outerRadius=OUTER_RADIUS;const float outerRadius2=OUTER_RADIUS*OUTER_RADIUS;const float innerRadius=1.0;const float innerRadius2=1.0;const float cameraHeight=0.0001;const float HDSundiskIntensityFactor=15.0;const float simpleSundiskIntensityFactor=27.0;const float sunScale=400.0*SUN_BRIGHTNESS;const float kmESun=MIE*SUN_BRIGHTNESS;const float km4PI=MIE*4.0*3.14159265;const float scale=1.0/(OUTER_RADIUS-1.0);const float scaleDepth=0.25;const float scaleOverScaleDepth=(1.0/(OUTER_RADIUS-1.0))/0.25;const float samples=2.0;const vec3 c_DefaultScatteringWavelength=vec3(0.65,0.57,0.475);const vec3 c_VariableRangeForScatteringWavelength=vec3(0.15,0.15,0.15);attribute vec4 POSITION;uniform mat4 camera_VPMat;uniform vec3 material_SkyTint;uniform vec3 material_GroundTint;uniform float material_Exposure;uniform float material_AtmosphereThickness;uniform vec4 scene_SunlightColor;uniform vec3 scene_SunlightDirection;varying vec3 v_GroundColor;varying vec3 v_SkyColor;\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nvarying vec3 v_Vertex;\n#elif defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_RayDir;\n#else\nvarying float v_SkyGroundFactor;\n#endif\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\nvarying vec3 v_SunColor;\n#endif\n#if defined(ENGINE_IS_COLORSPACE_GAMMA)\n#define COLOR_2_GAMMA(color) color\n#define COLOR_2_LINEAR(color) color*color\n#else\n#define GAMMA 2.2\n#define COLOR_2_GAMMA(color) pow(color,vec3(1.0/GAMMA))\n#define COLOR_2_LINEAR(color) color\n#endif\nfloat getRayleighPhase(vec3 light,vec3 ray){float eyeCos=dot(light,ray);return 0.75+0.75*eyeCos*eyeCos;}float scaleAngle(float inCos){float x=1.0-inCos;return 0.25*exp(-0.00287+x*(0.459+x*(3.83+x*(-6.80+x*5.25))));}void main(){gl_Position=camera_VPMat*vec4(POSITION.xyz,1.0);vec3 skyTintInGammaSpace=COLOR_2_GAMMA(material_SkyTint);vec3 scatteringWavelength=mix(c_DefaultScatteringWavelength-c_VariableRangeForScatteringWavelength,c_DefaultScatteringWavelength+c_VariableRangeForScatteringWavelength,vec3(1.0)-skyTintInGammaSpace);vec3 invWavelength=1.0/pow(scatteringWavelength,vec3(4.0));float krESun=RAYLEIGH*SUN_BRIGHTNESS;float kr4PI=RAYLEIGH*4.0*3.14159265;vec3 cameraPos=vec3(0.0,innerRadius+cameraHeight,0.0);vec3 eyeRay=normalize(POSITION.xyz);float far=0.0;vec3 cIn,cOut;if(eyeRay.y>=0.0){far=sqrt(outerRadius2+innerRadius2*eyeRay.y*eyeRay.y-innerRadius2)-innerRadius*eyeRay.y;float height=innerRadius+cameraHeight;float depth=exp(scaleOverScaleDepth*-cameraHeight);float startAngle=dot(eyeRay,cameraPos)/height;float startOffset=depth*scaleAngle(startAngle);float sampleLength=far/samples;float scaledLength=sampleLength*scale;vec3 sampleRay=eyeRay*sampleLength;vec3 samplePoint=cameraPos+sampleRay*0.5;vec3 frontColor=vec3(0.0);{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float lightAngle=dot(-scene_SunlightDirection,samplePoint)/height;float cameraAngle=dot(eyeRay,samplePoint)/height;float scatter=(startOffset+depth*(scaleAngle(lightAngle)-scaleAngle(cameraAngle)));vec3 attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float lightAngle=dot(-scene_SunlightDirection,samplePoint)/height;float cameraAngle=dot(eyeRay,samplePoint)/height;float scatter=(startOffset+depth*(scaleAngle(lightAngle)-scaleAngle(cameraAngle)));vec3 attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}cIn=frontColor*(invWavelength*krESun);cOut=frontColor*kmESun;}else{far=(-cameraHeight)/(min(-0.001,eyeRay.y));vec3 pos=cameraPos+far*eyeRay;float depth=exp((-cameraHeight)*(1.0/scaleDepth));float cameraAngle=dot(-eyeRay,pos);float lightAngle=dot(-scene_SunlightDirection,pos);float cameraScale=scaleAngle(cameraAngle);float lightScale=scaleAngle(lightAngle);float cameraOffset=depth*cameraScale;float temp=lightScale+cameraScale;float sampleLength=far/samples;float scaledLength=sampleLength*scale;vec3 sampleRay=eyeRay*sampleLength;vec3 samplePoint=cameraPos+sampleRay*0.5;vec3 frontColor=vec3(0.0,0.0,0.0);vec3 attenuate;{float height=length(samplePoint);float depth=exp(scaleOverScaleDepth*(innerRadius-height));float scatter=depth*temp-cameraOffset;attenuate=exp(-clamp(scatter,0.0,MAX_SCATTER)*(invWavelength*kr4PI+km4PI));frontColor+=attenuate*(depth*scaledLength);samplePoint+=sampleRay;}cIn=frontColor*(invWavelength*krESun+kmESun);cOut=clamp(attenuate,0.0,1.0);}\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nv_Vertex=-POSITION.xyz;\n#elif defined(MATERIAL_SUN_SIMPLE)\nv_RayDir=-eyeRay;\n#else\nv_SkyGroundFactor=-eyeRay.y/SKY_GROUND_THRESHOLD;\n#endif\nv_GroundColor=material_Exposure*(cIn+COLOR_2_LINEAR(material_GroundTint)*cOut);v_SkyColor=material_Exposure*(cIn*getRayleighPhase(-scene_SunlightDirection,-eyeRay));float lightColorIntensity=clamp(length(scene_SunlightColor.xyz),0.25,1.0);\n#ifdef MATERIAL_SUN_HIGH_QUALITY\nv_SunColor=HDSundiskIntensityFactor*clamp(cOut,0.0,1.0)*scene_SunlightColor.xyz/lightColorIntensity;\n#elif defined(MATERIAL_SUN_SIMPLE)\nv_SunColor=simpleSundiskIntensityFactor*clamp(cOut*sunScale,0.0,1.0)*scene_SunlightColor.xyz/lightColorIntensity;\n#endif\n}"; // eslint-disable-line
     var backgroundTextureFs = "#define GLSLIFY 1\nuniform sampler2D material_BaseTexture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(material_BaseTexture,v_uv);}"; // eslint-disable-line
@@ -20857,10 +20910,10 @@
      */ var ShaderPool = /*#__PURE__*/ function() {
         var ShaderPool = function ShaderPool() {};
         ShaderPool.init = function init() {
-            var shadowCasterPass = new ShaderPass(shadowMapVs, shadowMapFs, {
+            var shadowCasterPass = new ShaderPass("ShadowCaster", shadowMapVs, shadowMapFs, {
                 pipelineStage: exports.PipelineStage.ShadowCaster
             });
-            var depthOnlyPass = new ShaderPass(depthOnlyVs, depthOnlyFs, {
+            var depthOnlyPass = new ShaderPass("DepthOnly", depthOnlyVs, depthOnlyFs, {
                 pipelineStage: exports.PipelineStage.DepthOnly
             });
             var basePasses = [
@@ -20870,35 +20923,27 @@
             var forwardPassTags = {
                 pipelineStage: exports.PipelineStage.Forward
             };
-            Shader.create("blinn-phong", [
-                new ShaderPass(blinnPhongVs, blinnPhongFs, forwardPassTags)
-            ].concat(_to_consumable_array$1(basePasses)));
-            Shader.create("pbr", [
-                new ShaderPass(pbrVs, pbrFs, forwardPassTags)
-            ].concat(_to_consumable_array$1(basePasses)));
-            Shader.create("pbr-specular", [
-                new ShaderPass(pbrVs, pbrSpecularFs, forwardPassTags)
-            ].concat(_to_consumable_array$1(basePasses)));
-            Shader.create("unlit", [
-                new ShaderPass(unlitVs, unlitFs, forwardPassTags)
-            ].concat(_to_consumable_array$1(basePasses)));
+            Shader.create("blinn-phong", [].concat(new ShaderPass("Forward", blinnPhongVs, blinnPhongFs, forwardPassTags), basePasses));
+            Shader.create("pbr", [].concat(new ShaderPass("Forward", pbrVs, pbrFs, forwardPassTags), basePasses));
+            Shader.create("pbr-specular", [].concat(new ShaderPass("Forward", pbrVs, pbrSpecularFs, forwardPassTags), basePasses));
+            Shader.create("unlit", [].concat(new ShaderPass("Forward", unlitVs, unlitFs, forwardPassTags), basePasses));
             Shader.create("skybox", [
-                new ShaderPass(skyboxVs, skyboxFs, forwardPassTags)
+                new ShaderPass("Forward", skyboxVs, skyboxFs, forwardPassTags)
             ]);
             Shader.create("SkyProcedural", [
-                new ShaderPass(skyProceduralVs, skyProceduralFs, forwardPassTags)
+                new ShaderPass("Forward", skyProceduralVs, skyProceduralFs, forwardPassTags)
             ]);
             Shader.create("particle-shader", [
-                new ShaderPass(particleVs, particleFs, forwardPassTags)
+                new ShaderPass("Forward", particleVs, particleFs, forwardPassTags)
             ]);
             Shader.create("SpriteMask", [
-                new ShaderPass(spriteMaskVs, spriteMaskFs, forwardPassTags)
+                new ShaderPass("Forward", spriteMaskVs, spriteMaskFs, forwardPassTags)
             ]);
             Shader.create("Sprite", [
-                new ShaderPass(spriteVs, spriteFs, forwardPassTags)
+                new ShaderPass("Forward", spriteVs, spriteFs, forwardPassTags)
             ]);
             Shader.create("background-texture", [
-                new ShaderPass(backgroundTextureVs, backgroundTextureFs, forwardPassTags)
+                new ShaderPass("Forward", backgroundTextureVs, backgroundTextureFs, forwardPassTags)
             ]);
         };
         return ShaderPool;
@@ -20976,11 +21021,11 @@
     ShaderPool.init();
     /**
      * Engine.
-     */ var Engine = /*#__PURE__*/ function(EventDispatcher) {
-        _inherits$2(Engine, EventDispatcher);
+     */ var Engine = /*#__PURE__*/ function(EventDispatcher1) {
+        _inherits$2(Engine, EventDispatcher1);
         function Engine(canvas, hardwareRenderer, configuration) {
             var _this;
-            _this = EventDispatcher.call(this) || this;
+            _this = EventDispatcher1.call(this) || this;
             /** @internal */ _this._physicsInitialized = false;
             /** @internal */ _this._physicalObjectsMap = {};
             /* @internal */ _this._lastRenderState = new RenderState();
@@ -21058,8 +21103,8 @@
        * Create an entity.
        * @param name - The name of the entity
        * @returns Entity
-       */ _proto.createEntity = function createEntity(name) {
-            return new Entity(this, name);
+       */ _proto.createEntity = function createEntity(name1) {
+            return new Entity(this, name1);
         };
         /**
        * Pause the engine.
@@ -21079,9 +21124,6 @@
         /**
        * Update the engine loop manually. If you call engine.run(), you generally don't need to call this function.
        */ _proto.update = function update() {
-            if (this._isDeviceLost) {
-                return;
-            }
             var time = this._time;
             time._update();
             var deltaTime = time.deltaTime;
@@ -21131,7 +21173,9 @@
                 scene4._componentsManager.callScriptOnLateUpdate(deltaTime);
             }
             // Render scene and fire `onBeginRender` and `onEndRender`
-            this._render(loopScenes);
+            if (!this._isDeviceLost) {
+                this._render(loopScenes);
+            }
             // Handling invalid scripts and fire `onDestroy`
             for(var i5 = 0; i5 < sceneCount; i5++){
                 var scene5 = loopScenes[i5];
@@ -21606,8 +21650,8 @@
                 },
                 set: function set(value) {
                     if (this._material !== value) {
-                        var _this__material;
-                        value == null ? void 0 : value._addReferCount(1);
+                        var _value, _this__material;
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__material = this._material) == null ? void 0 : _this__material._addReferCount(-1);
                         this._material = value;
                     }
@@ -21622,8 +21666,8 @@
                 },
                 set: function set(value) {
                     if (this._mesh !== value) {
-                        var _this__mesh;
-                        value == null ? void 0 : value._addReferCount(1);
+                        var _value, _this__mesh;
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__mesh = this._mesh) == null ? void 0 : _this__mesh._addReferCount(-1);
                         this._mesh = value;
                     }
@@ -21748,8 +21792,8 @@
                 },
                 set: function set(value) {
                     if (this._texture !== value) {
-                        var _this__texture;
-                        value == null ? void 0 : value._addReferCount(1);
+                        var _value, _this__texture;
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__texture = this._texture) == null ? void 0 : _this__texture._addReferCount(-1);
                         this._texture = value;
                         this._engine._backgroundTextureMaterial.shaderData.setTexture("material_BaseTexture", value);
@@ -21969,10 +22013,10 @@
     })(exports.DiffuseMode || (exports.DiffuseMode = {}));
     /**
      * Ambient light.
-     */ var AmbientLight = /*#__PURE__*/ function(ReferResource) {
+     */ var AmbientLight = /*#__PURE__*/ function(ReferResource1) {
         var AmbientLight = function AmbientLight(engine) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this._diffuseSolidColor = new Color$1(0.212, 0.227, 0.259);
             _this._diffuseIntensity = 1.0;
             _this._specularIntensity = 1.0;
@@ -21982,7 +22026,7 @@
             _this._specularTextureDecodeRGBM = false;
             return _this;
         };
-        _inherits$2(AmbientLight, ReferResource);
+        _inherits$2(AmbientLight, ReferResource1);
         var _proto = AmbientLight.prototype;
         /**
        * @internal
@@ -22251,10 +22295,10 @@
     })(exports.ShadowType || (exports.ShadowType = {}));
     /**
      * Light base class.
-     */ var Light = /*#__PURE__*/ function(Component) {
+     */ var Light = /*#__PURE__*/ function(Component1) {
         var Light = function Light() {
             var _this;
-            _this = Component.apply(this, arguments) || this;
+            _this = Component1.apply(this, arguments) || this;
             /** Light Intensity */ _this.intensity = 1;
             /**
        * Culling mask - which layers the light affect.
@@ -22270,7 +22314,7 @@
             _this._lightColor = new Color$1();
             return _this;
         };
-        _inherits$2(Light, Component);
+        _inherits$2(Light, Component1);
         var _proto = Light.prototype;
         /**
        * Light Color, include intensity.
@@ -22329,14 +22373,14 @@
     ], Light.prototype, "_lightIndex", void 0);
     /**
      * Directional light.
-     */ var DirectLight = /*#__PURE__*/ function(Light) {
+     */ var DirectLight = /*#__PURE__*/ function(Light1) {
         var DirectLight = function DirectLight() {
             var _this;
-            _this = Light.apply(this, arguments) || this;
+            _this = Light1.apply(this, arguments) || this;
             _this._reverseDirection = new Vector3();
             return _this;
         };
-        _inherits$2(DirectLight, Light);
+        _inherits$2(DirectLight, Light1);
         var _proto = DirectLight.prototype;
         /**
        * @internal
@@ -22428,14 +22472,14 @@
     })();
     /**
      * Point light.
-     */ var PointLight = /*#__PURE__*/ function(Light) {
+     */ var PointLight = /*#__PURE__*/ function(Light1) {
         var PointLight = function PointLight() {
             var _this;
-            _this = Light.apply(this, arguments) || this;
+            _this = Light1.apply(this, arguments) || this;
             /** Defines a distance cutoff at which the light's intensity must be considered zero. */ _this.distance = 100;
             return _this;
         };
-        _inherits$2(PointLight, Light);
+        _inherits$2(PointLight, Light1);
         var _proto = PointLight.prototype;
         /**
        * @internal
@@ -22525,10 +22569,10 @@
     })();
     /**
      * Spot light.
-     */ var SpotLight = /*#__PURE__*/ function(Light) {
+     */ var SpotLight = /*#__PURE__*/ function(Light1) {
         var SpotLight = function SpotLight() {
             var _this;
-            _this = Light.apply(this, arguments) || this;
+            _this = Light1.apply(this, arguments) || this;
             /** Defines a distance cutoff at which the light's intensity must be considered zero. */ _this.distance = 100;
             /** Angle, in radians, from centre of spotlight where falloff begins. */ _this.angle = Math.PI / 6;
             /** Angle, in radians, from falloff begins to ends. */ _this.penumbra = Math.PI / 12;
@@ -22536,7 +22580,7 @@
             _this._projectMatrix = new Matrix();
             return _this;
         };
-        _inherits$2(SpotLight, Light);
+        _inherits$2(SpotLight, Light1);
         var _proto = SpotLight.prototype;
         /**
        * @internal
@@ -22808,11 +22852,11 @@
     }();
     /**
      * Scene.
-     */ var Scene = /*#__PURE__*/ function(EngineObject) {
-        _inherits$2(Scene, EngineObject);
-        function Scene(engine, name) {
+     */ var Scene = /*#__PURE__*/ function(EngineObject1) {
+        _inherits$2(Scene, EngineObject1);
+        function Scene(engine, name1) {
             var _this;
-            _this = EngineObject.call(this, engine) || this;
+            _this = EngineObject1.call(this, engine) || this;
             /** Physics. */ _this.physics = new PhysicsScene(_assert_this_initialized(_this));
             /** If cast shadows. */ _this.castShadows = true;
             /** The resolution of the shadow maps. */ _this.shadowResolution = exports.ShadowResolution.Medium;
@@ -22835,7 +22879,7 @@
             _this._fogEnd = 300;
             _this._fogDensity = 0.01;
             _this._fogParams = new Vector4();
-            _this.name = name || "";
+            _this.name = name1 || "";
             var shaderData = _this.shaderData;
             shaderData._addReferCount(1);
             _this.ambientLight = new AmbientLight(engine);
@@ -22853,8 +22897,8 @@
        * Create root entity.
        * @param name - Entity name
        * @returns Entity
-       */ _proto.createRootEntity = function createRootEntity(name) {
-            var entity = new Entity(this._engine, name);
+       */ _proto.createRootEntity = function createRootEntity(name1) {
+            var entity = new Entity(this._engine, name1);
             this.addRootEntity(entity);
             return entity;
         };
@@ -22928,10 +22972,10 @@
        * Find entity globally by name.
        * @param name - Entity name
        * @returns Entity
-       */ _proto.findEntityByName = function findEntityByName(name) {
+       */ _proto.findEntityByName = function findEntityByName(name1) {
             var rootEntities = this._rootEntities;
             for(var i = 0, n = rootEntities.length; i < n; i++){
-                var entity = rootEntities[i].findByName(name);
+                var entity = rootEntities[i].findByName(name1);
                 if (entity) {
                     return entity;
                 }
@@ -23039,7 +23083,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            EngineObject.prototype._onDestroy.call(this);
+            EngineObject1.prototype._onDestroy.call(this);
             // Remove from sceneManager
             var sceneManager = this._engine.sceneManager;
             sceneManager.removeScene(this);
@@ -23239,10 +23283,10 @@
     })();
     /**
      * Script class, used for logic writing.
-     */ var Script = /*#__PURE__*/ function(Component) {
+     */ var Script = /*#__PURE__*/ function(Component1) {
         var Script = function Script() {
             var _this;
-            _this = Component.apply(this, arguments) || this;
+            _this = Component1.apply(this, arguments) || this;
             /** @internal */ _this._started = false;
             /** @internal */ _this._onStartIndex = -1;
             /** @internal */ _this._onUpdateIndex = -1;
@@ -23253,7 +23297,7 @@
             _this._entityScriptsIndex = -1;
             return _this;
         };
-        _inherits$2(Script, Component);
+        _inherits$2(Script, Component1);
         var _proto = Script.prototype;
         /**
        * Called when be enabled first time, only once.
@@ -23398,7 +23442,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Component.prototype._onDestroy.call(this);
+            Component1.prototype._onDestroy.call(this);
             this.scene._componentsManager.addPendingDestroyScript(this);
         };
         return Script;
@@ -23438,13 +23482,13 @@
     /**
      * RenderPass.
      */ var RenderPass = /*#__PURE__*/ function() {
-        var RenderPass = function RenderPass(name, priority, renderTarget, replaceMaterial, mask) {
-            if (name === void 0) name = "RENDER_PASS" + passNum++;
+        var RenderPass = function RenderPass(name1, priority, renderTarget, replaceMaterial, mask) {
+            if (name1 === void 0) name1 = "RENDER_PASS" + passNum++;
             if (priority === void 0) priority = 0;
             if (renderTarget === void 0) renderTarget = null;
             if (replaceMaterial === void 0) replaceMaterial = null;
             if (mask === void 0) mask = null;
-            this.name = name;
+            this.name = name1;
             this.enabled = true;
             this.priority = priority;
             this.renderTarget = renderTarget;
@@ -23597,9 +23641,10 @@
     /**
      * Render queue.
      */ var RenderQueue = /*#__PURE__*/ function() {
-        var RenderQueue = function RenderQueue(engine) {
+        var RenderQueue = function RenderQueue(engine, renderQueueType) {
             this.elements = [];
             this._initSpriteBatcher(engine);
+            this._renderQueueType = renderQueueType;
         };
         var _proto = RenderQueue.prototype;
         /**
@@ -23618,10 +23663,10 @@
             var sceneData = scene.shaderData;
             var cameraData = camera.shaderData;
             var pipelineStageKey = RenderContext.pipelineStageKey;
+            var renderQueueType = this._renderQueueType;
             for(var i = 0, n = elements.length; i < n; i++){
                 var element = elements[i];
                 var data = element.data, shaderPasses = element.shaderPasses;
-                var renderStates = data.material.renderStates;
                 var renderPassFlag = data.component.entity.layer;
                 if (!(renderPassFlag & mask)) {
                     continue;
@@ -23634,6 +23679,7 @@
                     var material = data.material.destroyed ? engine._magentaMaterial : data.material;
                     var rendererData = renderer.shaderData;
                     var materialData = material.shaderData;
+                    var renderStates = material.renderStates;
                     // union render global macro and material self macro.
                     ShaderMacroCollection.unionCollection(renderer._globalShaderMacro, materialData._macroCollection, compileMacros);
                     for(var j = 0, m = shaderPasses.length; j < m; j++){
@@ -23641,6 +23687,10 @@
                         if (shaderPass.getTagValue(pipelineStageKey) !== pipelineStageTagValue) {
                             continue;
                         }
+                        var _shaderPass__renderState;
+                        if (((_shaderPass__renderState = shaderPass._renderState) != null ? _shaderPass__renderState : renderStates[j]).renderQueueType !== renderQueueType) {
+                            continue;
+                        }
                         var program = shaderPass._getShaderProgram(engine, compileMacros);
                         if (!program.isValid) {
                             continue;
@@ -23690,8 +23740,8 @@
                                 program.uploadUnGroupTextures();
                             }
                         }
-                        var _shaderPass__renderState;
-                        var renderState = (_shaderPass__renderState = shaderPass._renderState) != null ? _shaderPass__renderState : renderStates[j];
+                        var _shaderPass__renderState1;
+                        var renderState = (_shaderPass__renderState1 = shaderPass._renderState) != null ? _shaderPass__renderState1 : renderStates[j];
                         renderState._apply(engine, renderer.entity.transform._isFrontFaceInvert(), shaderPass._renderStateDataMap, material.shaderData);
                         rhi.drawPrimitive(primitive, data.subPrimitive, program);
                     }
@@ -23875,12 +23925,14 @@
        * @param mipmap - Need render target mipmap
        * @returns Render target
        */ PipelineUtils.recreateRenderTargetIfNeeded = function recreateRenderTargetIfNeeded(engine, currentRenderTarget, width, height, colorFormat, depthFormat, mipmap) {
-            var currentColorTexture = currentRenderTarget == null ? void 0 : currentRenderTarget.getColorTexture(0);
-            var currentDepthTexture = currentRenderTarget == null ? void 0 : currentRenderTarget.depthTexture;
+            var _currentRenderTarget, _currentRenderTarget1;
+            var currentColorTexture = (_currentRenderTarget = currentRenderTarget) == null ? void 0 : _currentRenderTarget.getColorTexture(0);
+            var currentDepthTexture = (_currentRenderTarget1 = currentRenderTarget) == null ? void 0 : _currentRenderTarget1.depthTexture;
             var colorTexture = colorFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentColorTexture, width, height, colorFormat, mipmap) : null;
             var depthTexture = depthFormat ? PipelineUtils.recreateTextureIfNeeded(engine, currentDepthTexture, width, height, depthFormat, mipmap) : null;
             if (currentColorTexture !== colorTexture || currentDepthTexture !== depthTexture) {
-                currentRenderTarget == null ? void 0 : currentRenderTarget.destroy();
+                var _currentRenderTarget2;
+                (_currentRenderTarget2 = currentRenderTarget) == null ? void 0 : _currentRenderTarget2.destroy();
                 currentRenderTarget = new RenderTarget(engine, width, height, colorTexture, depthTexture);
                 currentRenderTarget.isGCIgnored = true;
             }
@@ -24401,11 +24453,11 @@
     };
     /**
      * Cascade shadow caster pass.
-     */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass) {
-        _inherits$2(CascadedShadowCasterPass, PipelinePass);
+     */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass1) {
+        _inherits$2(CascadedShadowCasterPass, PipelinePass1);
         function CascadedShadowCasterPass(camera) {
             var _this;
-            _this = PipelinePass.call(this, camera.engine) || this;
+            _this = PipelinePass1.call(this, camera.engine) || this;
             _this._shadowMapSize = new Vector4();
             _this._shadowBias = new Vector2();
             _this._shadowSliceData = new ShadowSliceData();
@@ -24676,9 +24728,9 @@
      * Culling results.
      */ var CullingResults = /*#__PURE__*/ function() {
         var CullingResults = function CullingResults(engine) {
-            this.opaqueQueue = new RenderQueue(engine);
-            this.transparentQueue = new RenderQueue(engine);
-            this.alphaTestQueue = new RenderQueue(engine);
+            this.opaqueQueue = new RenderQueue(engine, exports.RenderQueueType.Opaque);
+            this.transparentQueue = new RenderQueue(engine, exports.RenderQueueType.Transparent);
+            this.alphaTestQueue = new RenderQueue(engine, exports.RenderQueueType.AlphaTest);
         };
         var _proto = CullingResults.prototype;
         _proto.reset = function reset() {
@@ -24701,14 +24753,14 @@
     /**
      * @internal
      * Depth only pass.
-     */ var DepthOnlyPass = /*#__PURE__*/ function(PipelinePass) {
+     */ var DepthOnlyPass = /*#__PURE__*/ function(PipelinePass1) {
         var DepthOnlyPass = function DepthOnlyPass(engine) {
             var _this;
-            _this = PipelinePass.call(this, engine) || this;
+            _this = PipelinePass1.call(this, engine) || this;
             _this._supportDepthTexture = engine._hardwareRenderer.canIUse(exports.GLCapabilityType.depthTexture);
             return _this;
         };
-        _inherits$2(DepthOnlyPass, PipelinePass);
+        _inherits$2(DepthOnlyPass, PipelinePass1);
         var _proto = DepthOnlyPass.prototype;
         _proto.onConfig = function onConfig(camera) {
             var engine = this._engine;
@@ -24787,10 +24839,10 @@
         /**
        * Get render pass by name.
        * @param  name - Render pass name
-       */ _proto.getRenderPass = function getRenderPass(name) {
+       */ _proto.getRenderPass = function getRenderPass(name1) {
             for(var i = 0, len = this._renderPassArray.length; i < len; i++){
                 var pass = this._renderPassArray[i];
-                if (pass.name === name) return pass;
+                if (pass.name === name1) return pass;
             }
             return null;
         };
@@ -24838,12 +24890,13 @@
             var opaqueQueue = cullingResults.opaqueQueue, alphaTestQueue = cullingResults.alphaTestQueue, transparentQueue = cullingResults.transparentQueue;
             pass.preRender(camera, opaqueQueue, alphaTestQueue, transparentQueue);
             if (pass.enabled) {
+                var _renderTarget, _renderTarget1, _renderTarget2;
                 var engine = camera.engine, scene = camera.scene;
                 var background = scene.background;
                 var rhi = engine._hardwareRenderer;
                 var renderTarget = camera.renderTarget || pass.renderTarget;
                 rhi.activeRenderTarget(renderTarget, camera.viewport, mipLevel);
-                renderTarget == null ? void 0 : renderTarget._setRenderTargetInfo(cubeFace, mipLevel);
+                (_renderTarget = renderTarget) == null ? void 0 : _renderTarget._setRenderTargetInfo(cubeFace, mipLevel);
                 var _pass_clearFlags;
                 var clearFlags = (_pass_clearFlags = pass.clearFlags) != null ? _pass_clearFlags : camera.clearFlags;
                 var _pass_clearColor;
@@ -24865,8 +24918,8 @@
                     }
                     cullingResults.transparentQueue.render(camera, pass.mask, exports.PipelineStage.Forward);
                 }
-                renderTarget == null ? void 0 : renderTarget._blitRenderTarget();
-                renderTarget == null ? void 0 : renderTarget.generateMipmaps();
+                (_renderTarget1 = renderTarget) == null ? void 0 : _renderTarget1._blitRenderTarget();
+                (_renderTarget2 = renderTarget) == null ? void 0 : _renderTarget2.generateMipmaps();
             }
             pass.postRender(camera, cullingResults.opaqueQueue, cullingResults.alphaTestQueue, cullingResults.transparentQueue);
         };
@@ -24886,23 +24939,24 @@
                     for(var i = 0, n = replacementSubShaders.length; i < n; i++){
                         var subShader = replacementSubShaders[i];
                         if (subShader.getTagValue(replacementTag) === materialSubShader.getTagValue(replacementTag)) {
-                            this.pushRenderDataWihShader(context, data, subShader.passes, renderStates);
+                            this.pushRenderDataWithShader(context, data, subShader.passes, renderStates);
                             break;
                         }
                     }
                 } else {
-                    this.pushRenderDataWihShader(context, data, replacementSubShaders[0].passes, renderStates);
+                    this.pushRenderDataWithShader(context, data, replacementSubShaders[0].passes, renderStates);
                 }
             } else {
-                this.pushRenderDataWihShader(context, data, materialSubShader.passes, renderStates);
+                this.pushRenderDataWithShader(context, data, materialSubShader.passes, renderStates);
             }
         };
-        _proto.pushRenderDataWihShader = function pushRenderDataWihShader(context, element, shaderPasses, renderStates) {
+        _proto.pushRenderDataWithShader = function pushRenderDataWithShader(context, element, shaderPasses, renderStates) {
             var _this__cullingResults = this._cullingResults, opaqueQueue = _this__cullingResults.opaqueQueue, alphaTestQueue = _this__cullingResults.alphaTestQueue, transparentQueue = _this__cullingResults.transparentQueue;
             var renderElementPool = context.camera.engine._renderElementPool;
             var renderQueueAddedFlags = 0x0;
             for(var i = 0, n = shaderPasses.length; i < n; i++){
-                var renderQueueType = renderStates[i].renderQueueType;
+                var _shaderPasses_i__renderState;
+                var renderQueueType = ((_shaderPasses_i__renderState = shaderPasses[i]._renderState) != null ? _shaderPasses_i__renderState : renderStates[i]).renderQueueType;
                 if (renderQueueAddedFlags & 1 << renderQueueType) {
                     continue;
                 }
@@ -24991,10 +25045,10 @@
     (function() {
         MathTemp.tempVec2 = new Vector2();
     })();
-    exports.Camera = (_Camera = /*#__PURE__*/ function(Component) {
+    exports.Camera = (_Camera = /*#__PURE__*/ function(Component1) {
         var Camera1 = function Camera1(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             /** Whether to enable frustum culling, it is enabled by default. */ _this.enableFrustumCulling = true;
             /**
        * Determining what to clear when rendering by a Camera.
@@ -25041,7 +25095,7 @@
             _this._updatePixelViewport();
             return _this;
         };
-        _inherits$2(Camera1, Component);
+        _inherits$2(Camera1, Component1);
         var _proto = Camera1.prototype;
         /**
        * Restore the automatic calculation of projection matrix through fieldOfView, nearClipPlane and farClipPlane.
@@ -25223,7 +25277,7 @@
        * @inheritdoc
        */ _proto._onDestroy = function _onDestroy() {
             var _this__renderPipeline;
-            Component.prototype._onDestroy.call(this);
+            Component1.prototype._onDestroy.call(this);
             (_this__renderPipeline = this._renderPipeline) == null ? void 0 : _this__renderPipeline.destroy();
             this._isInvViewProjDirty.destroy();
             this._isViewMatrixDirty.destroy();
@@ -25491,8 +25545,8 @@
                 },
                 set: function set(value) {
                     if (this._renderTarget !== value) {
-                        var _this__renderTarget;
-                        value == null ? void 0 : value._addReferCount(1);
+                        var _value, _this__renderTarget;
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
                         (_this__renderTarget = this._renderTarget) == null ? void 0 : _this__renderTarget._addReferCount(-1);
                         this._renderTarget = value;
                         this._updatePixelViewport();
@@ -25651,8 +25705,8 @@
             xhr.responseType = config.type;
             var headers = config.headers;
             if (headers) {
-                Object.keys(headers).forEach(function(name) {
-                    xhr.setRequestHeader(name, headers[name]);
+                Object.keys(headers).forEach(function(name1) {
+                    xhr.setRequestHeader(name1, headers[name1]);
                 });
             }
             // @ts-ignore
@@ -25745,11 +25799,11 @@
         RenderFace[RenderFace[/** Render back face. */ "Back"] = 1] = "Back";
         RenderFace[RenderFace[/** Render double face. */ "Double"] = 2] = "Double";
     })(exports.RenderFace || (exports.RenderFace = {}));
-    var BaseMaterial = /*#__PURE__*/ function(Material) {
-        _inherits$2(BaseMaterial, Material);
+    var BaseMaterial = /*#__PURE__*/ function(Material1) {
+        _inherits$2(BaseMaterial, Material1);
         function BaseMaterial(engine, shader) {
             var _this;
-            _this = Material.call(this, engine, shader) || this;
+            _this = Material1.call(this, engine, shader) || this;
             _this._renderFace = exports.RenderFace.Front;
             _this._isTransparent = false;
             _this._blendMode = exports.BlendMode.Normal;
@@ -25838,7 +25892,7 @@
        * Clone to the target material.
        * @param target - target material
        */ _proto.cloneTo = function cloneTo(target) {
-            Material.prototype.cloneTo.call(this, target);
+            Material1.prototype.cloneTo.call(this, target);
             target._renderFace = this._renderFace;
             target._isTransparent = this._isTransparent;
             target._blendMode = this._blendMode;
@@ -25988,11 +26042,11 @@
     })();
     /**
      * Blinn-phong Material.
-     */ var BlinnPhongMaterial = /*#__PURE__*/ function(BaseMaterial) {
-        _inherits$2(BlinnPhongMaterial, BaseMaterial);
+     */ var BlinnPhongMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        _inherits$2(BlinnPhongMaterial, BaseMaterial1);
         function BlinnPhongMaterial(engine) {
             var _this;
-            _this = BaseMaterial.call(this, engine, Shader.find("blinn-phong")) || this;
+            _this = BaseMaterial1.call(this, engine, Shader.find("blinn-phong")) || this;
             var shaderData = _this.shaderData;
             shaderData.enableMacro("MATERIAL_NEED_WORLD_POS");
             shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
@@ -26180,11 +26234,11 @@
     })(exports.TextureCoordinate || (exports.TextureCoordinate = {}));
     /**
      * PBR (Physically-Based Rendering) Material.
-     */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial) {
-        _inherits$2(PBRBaseMaterial, BaseMaterial);
+     */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        _inherits$2(PBRBaseMaterial, BaseMaterial1);
         function PBRBaseMaterial(engine, shader) {
             var _this;
-            _this = BaseMaterial.call(this, engine, shader) || this;
+            _this = BaseMaterial1.call(this, engine, shader) || this;
             var shaderData = _this.shaderData;
             shaderData.enableMacro("MATERIAL_NEED_WORLD_POS");
             shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
@@ -26448,11 +26502,11 @@
     })();
     /**
      * PBR (Metallic-Roughness Workflow) Material.
-     */ var PBRMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-        _inherits$2(PBRMaterial, PBRBaseMaterial);
+     */ var PBRMaterial = /*#__PURE__*/ function(PBRBaseMaterial1) {
+        _inherits$2(PBRMaterial, PBRBaseMaterial1);
         function PBRMaterial(engine) {
             var _this;
-            _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr")) || this;
+            _this = PBRBaseMaterial1.call(this, engine, Shader.find("pbr")) || this;
             _this.shaderData.setFloat(PBRMaterial._metallicProp, 1);
             _this.shaderData.setFloat(PBRMaterial._roughnessProp, 1);
             _this.shaderData.setFloat(PBRMaterial._iorProp, 1.5);
@@ -26537,11 +26591,11 @@
     })();
     /**
      * PBR (Specular-Glossiness Workflow) Material.
-     */ var PBRSpecularMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-        _inherits$2(PBRSpecularMaterial, PBRBaseMaterial);
+     */ var PBRSpecularMaterial = /*#__PURE__*/ function(PBRBaseMaterial1) {
+        _inherits$2(PBRSpecularMaterial, PBRBaseMaterial1);
         function PBRSpecularMaterial(engine) {
             var _this;
-            _this = PBRBaseMaterial.call(this, engine, Shader.find("pbr-specular")) || this;
+            _this = PBRBaseMaterial1.call(this, engine, Shader.find("pbr-specular")) || this;
             _this.shaderData.setColor(PBRSpecularMaterial._specularColorProp, new Color$1(1, 1, 1, 1));
             _this.shaderData.setFloat(PBRSpecularMaterial._glossinessProp, 1.0);
             return _this;
@@ -26614,11 +26668,11 @@
     })();
     /**
      * Unlit Material.
-     */ var UnlitMaterial = /*#__PURE__*/ function(BaseMaterial) {
-        _inherits$2(UnlitMaterial, BaseMaterial);
+     */ var UnlitMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+        _inherits$2(UnlitMaterial, BaseMaterial1);
         function UnlitMaterial(engine) {
             var _this;
-            _this = BaseMaterial.call(this, engine, Shader.find("unlit")) || this;
+            _this = BaseMaterial1.call(this, engine, Shader.find("unlit")) || this;
             var shaderData = _this.shaderData;
             shaderData.enableMacro("MATERIAL_OMIT_NORMAL");
             shaderData.enableMacro("MATERIAL_NEED_TILING_OFFSET");
@@ -26698,24 +26752,24 @@
     })(exports.TextVerticalAlignment || (exports.TextVerticalAlignment = {}));
     /**
      * Sprite Atlas.
-     */ var SpriteAtlas = /*#__PURE__*/ function(ReferResource) {
+     */ var SpriteAtlas = /*#__PURE__*/ function(ReferResource1) {
         var SpriteAtlas = function SpriteAtlas(engine) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this._sprites = new Array();
             _this._spriteNamesToIndex = {};
             return _this;
         };
-        _inherits$2(SpriteAtlas, ReferResource);
+        _inherits$2(SpriteAtlas, ReferResource1);
         var _proto = SpriteAtlas.prototype;
         /**
        * Get the last sprite named 'name' from the atlas.
        * @param name - The name of the sprite you want to find
        * @returns The sprite you want to find
-       */ _proto.getSprite = function getSprite(name) {
-            var sprite = this._sprites[this._spriteNamesToIndex[name]];
+       */ _proto.getSprite = function getSprite(name1) {
+            var sprite = this._sprites[this._spriteNamesToIndex[name1]];
             if (!sprite) {
-                console.warn("There is no sprite named " + name + " in the atlas.");
+                console.warn("There is no sprite named " + name1 + " in the atlas.");
             }
             return sprite;
         };
@@ -26724,14 +26778,14 @@
        * @param name - The name of the sprites you want to find
        * @param outSprites - This array holds the sprites found
        * @returns The sprites you want to find
-       */ _proto.getSprites = function getSprites(name, outSprites) {
+       */ _proto.getSprites = function getSprites(name1, outSprites) {
             outSprites.length = 0;
-            var i = this._spriteNamesToIndex[name];
+            var i = this._spriteNamesToIndex[name1];
             if (i !== undefined) {
                 var _sprites = this._sprites;
                 for(; i >= 0; i--){
                     var sprite = _sprites[i];
-                    sprite.name === name && outSprites.push(sprite);
+                    sprite.name === name1 && outSprites.push(sprite);
                 }
             } else {
                 console.warn("The name of the sprite you want to find is not exit in SpriteAtlas.");
@@ -26748,7 +26802,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             var _this = this, sprites = _this._sprites;
             for(var i = 0, n = sprites.length; i < n; i++){
                 sprites[i].destroy();
@@ -26788,15 +26842,15 @@
     })(exports.SpriteTileMode || (exports.SpriteTileMode = {}));
     /**
      * 2D sprite.
-     */ var Sprite = /*#__PURE__*/ function(ReferResource) {
-        var Sprite = function Sprite(engine, texture, region, pivot, border, name) {
+     */ var Sprite = /*#__PURE__*/ function(ReferResource1) {
+        var Sprite = function Sprite(engine, texture, region, pivot, border, name1) {
             if (texture === void 0) texture = null;
             if (region === void 0) region = null;
             if (pivot === void 0) pivot = null;
             if (border === void 0) border = null;
-            if (name === void 0) name = null;
+            if (name1 === void 0) name1 = null;
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this._automaticWidth = 0;
             _this._automaticHeight = 0;
             _this._customWidth = undefined;
@@ -26836,10 +26890,10 @@
             region && _this._region.copyFrom(region);
             pivot && _this._pivot.copyFrom(pivot);
             border && _this._border.copyFrom(border);
-            _this.name = name;
+            _this.name = name1;
             return _this;
         };
-        _inherits$2(Sprite, ReferResource);
+        _inherits$2(Sprite, ReferResource1);
         var _proto = Sprite.prototype;
         /**
        * Clone.
@@ -26873,13 +26927,13 @@
        * @internal
        */ _proto._addReferCount = function _addReferCount(value) {
             var _this__atlas;
-            ReferResource.prototype._addReferCount.call(this, value);
+            ReferResource1.prototype._addReferCount.call(this, value);
             (_this__atlas = this._atlas) == null ? void 0 : _this__atlas._addReferCount(value);
         };
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            ReferResource.prototype._onDestroy.call(this);
+            ReferResource1.prototype._onDestroy.call(this);
             this._positions.length = 0;
             this._positions = null;
             this._uvs.length = 0;
@@ -27638,10 +27692,10 @@
     })(TiledType || (TiledType = {}));
     /**
      * Renders a Sprite for 2D graphics.
-     */ var SpriteRenderer = /*#__PURE__*/ function(Renderer) {
+     */ var SpriteRenderer = /*#__PURE__*/ function(Renderer1) {
         var SpriteRenderer = function SpriteRenderer(entity) {
             var _this;
-            _this = Renderer.call(this, entity) || this;
+            _this = Renderer1.call(this, entity) || this;
             _this._tileMode = exports.SpriteTileMode.Continuous;
             _this._tiledAdaptiveThreshold = 0.5;
             _this._color = new Color$1(1, 1, 1, 1);
@@ -27660,12 +27714,12 @@
             _this._onSpriteChange = _this._onSpriteChange.bind(_assert_this_initialized(_this));
             return _this;
         };
-        _inherits$2(SpriteRenderer, Renderer);
+        _inherits$2(SpriteRenderer, Renderer1);
         var _proto = SpriteRenderer.prototype;
         /**
        * @internal
        */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-            Renderer.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            Renderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
             target._assembler.resetData(target);
             target.sprite = this._sprite;
             target.drawMode = this._drawMode;
@@ -27713,7 +27767,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Renderer.prototype._onDestroy.call(this);
+            Renderer1.prototype._onDestroy.call(this);
             var sprite = this._sprite;
             if (sprite) {
                 sprite._addReferCount(-1);
@@ -28097,10 +28151,10 @@
     }();
     /**
      * Renders a text for 2D graphics.
-     */ var TextRenderer = /*#__PURE__*/ function(Renderer) {
+     */ var TextRenderer = /*#__PURE__*/ function(Renderer1) {
         var TextRenderer = function TextRenderer(entity) {
             var _this;
-            _this = Renderer.call(this, entity) || this;
+            _this = Renderer1.call(this, entity) || this;
             /** @internal */ _this._subFont = null;
             /** @internal */ _this._charRenderDatas = [];
             _this._dirtyFlag = 15;
@@ -28122,7 +28176,7 @@
             _this._init();
             return _this;
         };
-        _inherits$2(TextRenderer, Renderer);
+        _inherits$2(TextRenderer, Renderer1);
         var _proto = TextRenderer.prototype;
         /**
        * @internal
@@ -28136,7 +28190,7 @@
         /**
        * @internal
        */ _proto._onDestroy = function _onDestroy() {
-            Renderer.prototype._onDestroy.call(this);
+            Renderer1.prototype._onDestroy.call(this);
             // Clear render data.
             var charRenderDatas = this._charRenderDatas;
             for(var i = 0, n = charRenderDatas.length; i < n; ++i){
@@ -28152,7 +28206,7 @@
         /**
        * @internal
        */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-            Renderer.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            Renderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
             target.font = this._font;
             target._subFont = this._subFont;
         };
@@ -28384,7 +28438,7 @@
         /**
        * @internal
        */ _proto._onTransformChanged = function _onTransformChanged(bit) {
-            Renderer.prototype._onTransformChanged.call(this, bit);
+            Renderer1.prototype._onTransformChanged.call(this, bit);
             this._setDirtyFlagTrue(0x4 | 0x8);
         };
         _create_class$3(TextRenderer, [
@@ -28953,31 +29007,40 @@
      */ var AnimationEvent = function AnimationEvent() {};
     /**
      * Stores keyframe based animations.
-     */ var AnimationClip = /*#__PURE__*/ function(EngineObject) {
-        var AnimationClip = function AnimationClip(name) {
+     */ var AnimationClip = /*#__PURE__*/ function(EngineObject1) {
+        var AnimationClip = function AnimationClip(name1) {
             var _this;
-            _this = EngineObject.call(this, null) || this;
-            _this.name = name;
+            _this = EngineObject1.call(this, null) || this;
+            _this.name = name1;
             _this./** @internal */ _curveBindings = [];
             _this._length = 0;
             _this._events = [];
             return _this;
         };
-        _inherits$2(AnimationClip, EngineObject);
+        _inherits$2(AnimationClip, EngineObject1);
         var _proto = AnimationClip.prototype;
         _proto.addEvent = function addEvent(param, time, parameter) {
+            var newEvent;
             if (typeof param === "string") {
                 var event = new AnimationEvent();
                 event.functionName = param;
                 event.time = time;
                 event.parameter = parameter;
-                this._events.push(event);
+                newEvent = event;
             } else {
-                this._events.push(param);
+                newEvent = param;
+            }
+            var events = this._events;
+            var count = events.length;
+            var eventTime = newEvent.time;
+            var maxEventTime = count ? events[count - 1].time : 0;
+            if (eventTime >= maxEventTime) {
+                events.push(newEvent);
+            } else {
+                var index = count;
+                while(--index >= 0 && eventTime < events[index].time);
+                events.splice(index + 1, 0, newEvent);
             }
-            this._events.sort(function(a, b) {
-                return a.time - b.time;
-            });
         };
         /**
        * Clears all events from the clip.
@@ -29200,14 +29263,14 @@
         return AnimationCurve;
     }();
     var _AnimationArrayCurve;
-    exports.AnimationArrayCurve = (_AnimationArrayCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationArrayCurve = (_AnimationArrayCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationArrayCurve = function AnimationArrayCurve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = [];
             return _this;
         };
-        _inherits$2(AnimationArrayCurve, AnimationCurve);
+        _inherits$2(AnimationArrayCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationArrayCurve._initializeOwner = function _initializeOwner(owner) {
@@ -29294,14 +29357,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationArrayCurve);
     var _AnimationBoolCurve;
-    exports.AnimationBoolCurve = (_AnimationBoolCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationBoolCurve = (_AnimationBoolCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationBoolCurve = function AnimationBoolCurve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = false;
             return _this;
         };
-        _inherits$2(AnimationBoolCurve, AnimationCurve);
+        _inherits$2(AnimationBoolCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationBoolCurve._initializeOwner = function _initializeOwner(owner) {
@@ -29355,14 +29418,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationBoolCurve);
     var _AnimationColorCurve;
-    exports.AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationColorCurve = function AnimationColorCurve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Color$1();
             return _this;
         };
-        _inherits$2(AnimationColorCurve, AnimationCurve);
+        _inherits$2(AnimationColorCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationColorCurve._initializeOwner = function _initializeOwner(owner) {
@@ -29456,16 +29519,16 @@
         StaticInterfaceImplement()
     ], exports.AnimationColorCurve);
     var _AnimationFloatArrayCurve;
-    exports.AnimationFloatArrayCurve = (_AnimationFloatArrayCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationFloatArrayCurve = (_AnimationFloatArrayCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationFloatArrayCurve = function AnimationFloatArrayCurve() {
-            return AnimationCurve.apply(this, arguments);
+            return AnimationCurve1.apply(this, arguments);
         };
-        _inherits$2(AnimationFloatArrayCurve, AnimationCurve);
+        _inherits$2(AnimationFloatArrayCurve, AnimationCurve1);
         var _proto = AnimationFloatArrayCurve.prototype;
         /**
        * @inheritdoc
        */ _proto.addKey = function addKey(key) {
-            AnimationCurve.prototype.addKey.call(this, key);
+            AnimationCurve1.prototype.addKey.call(this, key);
             var evaluateData = this._evaluateData;
             if (!evaluateData.value || evaluateData.value.length !== key.value.length) {
                 var size = key.value.length;
@@ -29560,14 +29623,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationFloatArrayCurve);
     var _AnimationFloatCurve;
-    exports.AnimationFloatCurve = (_AnimationFloatCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationFloatCurve = (_AnimationFloatCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationFloatCurve = function AnimationFloatCurve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = 0;
             return _this;
         };
-        _inherits$2(AnimationFloatCurve, AnimationCurve);
+        _inherits$2(AnimationFloatCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationFloatCurve._initializeOwner = function _initializeOwner(owner) {
@@ -29633,14 +29696,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationFloatCurve);
     var _AnimationQuaternionCurve;
-    exports.AnimationQuaternionCurve = (_AnimationQuaternionCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationQuaternionCurve = (_AnimationQuaternionCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationQuaternionCurve1 = function AnimationQuaternionCurve1() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Quaternion();
             return _this;
         };
-        _inherits$2(AnimationQuaternionCurve1, AnimationCurve);
+        _inherits$2(AnimationQuaternionCurve1, AnimationCurve1);
         /**
        * @internal
        */ AnimationQuaternionCurve1._initializeOwner = function _initializeOwner(owner) {
@@ -29741,14 +29804,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationQuaternionCurve);
     var _AnimationVector2Curve;
-    exports.AnimationVector2Curve = (_AnimationVector2Curve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationVector2Curve = (_AnimationVector2Curve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationVector2Curve = function AnimationVector2Curve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Vector2();
             return _this;
         };
-        _inherits$2(AnimationVector2Curve, AnimationCurve);
+        _inherits$2(AnimationVector2Curve, AnimationCurve1);
         /**
        * @internal
        */ AnimationVector2Curve._initializeOwner = function _initializeOwner(owner) {
@@ -29830,14 +29893,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationVector2Curve);
     var _AnimationVector3Curve;
-    exports.AnimationVector3Curve = (_AnimationVector3Curve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationVector3Curve = (_AnimationVector3Curve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationVector3Curve = function AnimationVector3Curve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Vector3();
             return _this;
         };
-        _inherits$2(AnimationVector3Curve, AnimationCurve);
+        _inherits$2(AnimationVector3Curve, AnimationCurve1);
         /**
        * @internal
        */ AnimationVector3Curve._initializeOwner = function _initializeOwner(owner) {
@@ -29931,14 +29994,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationVector3Curve);
     var _AnimationVector4Curve;
-    exports.AnimationVector4Curve = (_AnimationVector4Curve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationVector4Curve = (_AnimationVector4Curve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationVector4Curve = function AnimationVector4Curve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Vector4();
             return _this;
         };
-        _inherits$2(AnimationVector4Curve, AnimationCurve);
+        _inherits$2(AnimationVector4Curve, AnimationCurve1);
         /**
        * @internal
        */ AnimationVector4Curve._initializeOwner = function _initializeOwner(owner) {
@@ -30032,11 +30095,11 @@
         StaticInterfaceImplement()
     ], exports.AnimationVector4Curve);
     var _AnimationRefCurve;
-    exports.AnimationRefCurve = (_AnimationRefCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationRefCurve = (_AnimationRefCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationRefCurve = function AnimationRefCurve() {
-            return AnimationCurve.call(this);
+            return AnimationCurve1.call(this);
         };
-        _inherits$2(AnimationRefCurve, AnimationCurve);
+        _inherits$2(AnimationRefCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationRefCurve._initializeOwner = function _initializeOwner(owner) {};
@@ -30058,14 +30121,14 @@
         StaticInterfaceImplement()
     ], exports.AnimationRefCurve);
     var _AnimationRectCurve;
-    exports.AnimationRectCurve = (_AnimationRectCurve = /*#__PURE__*/ function(AnimationCurve) {
+    exports.AnimationRectCurve = (_AnimationRectCurve = /*#__PURE__*/ function(AnimationCurve1) {
         var AnimationRectCurve = function AnimationRectCurve() {
             var _this;
-            _this = AnimationCurve.call(this) || this;
+            _this = AnimationCurve1.call(this) || this;
             _this._evaluateData.value = new Rect();
             return _this;
         };
-        _inherits$2(AnimationRectCurve, AnimationCurve);
+        _inherits$2(AnimationRectCurve, AnimationCurve1);
         /**
        * @internal
        */ AnimationRectCurve._initializeOwner = function _initializeOwner(owner) {
@@ -30160,6 +30223,7 @@
             this.playState = AnimatorStatePlayState.UnStarted;
             this.clipTime = state.clipStartTime * state.clip.length;
             this.currentEventIndex = 0;
+            this.currentTransitionIndex = 0;
         };
         _proto.update = function update(isBackwards) {
             var state = this.state;
@@ -30213,10 +30277,10 @@
     };
     /**
      * The controller of the animation system.
-     */ var Animator = /*#__PURE__*/ function(Component) {
+     */ var Animator = /*#__PURE__*/ function(Component1) {
         var Animator = function Animator(entity) {
             var _this;
-            _this = Component.call(this, entity) || this;
+            _this = Component1.call(this, entity) || this;
             /** Culling mode of this Animator. */ _this.cullingMode = exports.AnimatorCullingMode.None;
             /** The playback speed of the Animator, 1.0 is normal playback speed. */ _this.speed = 1.0;
             /** @internal */ _this._onUpdateIndex = -1;
@@ -30231,7 +30295,7 @@
             _this._controlledRenderers = [];
             return _this;
         };
-        _inherits$2(Animator, Component);
+        _inherits$2(Animator, Component1);
         var _proto = Animator.prototype;
         /**
        * Play a state by name.
@@ -30281,7 +30345,7 @@
             manuallyTransition.duration = normalizedTransitionDuration;
             manuallyTransition.offset = normalizedTimeOffset;
             manuallyTransition.destinationState = state;
-            if (this._crossFadeByTransition(manuallyTransition, layerIndex)) {
+            if (this._crossFadeByTransition(manuallyTransition, playLayerIndex)) {
                 this.update(0);
             }
         };
@@ -30324,7 +30388,7 @@
        * Get the playing state from the target layerIndex.
        * @param layerIndex - The layer index
        */ _proto.getCurrentAnimatorState = function getCurrentAnimatorState(layerIndex) {
-            var _this__animatorLayersData_layerIndex, _this__animatorLayersData_layerIndex_srcPlayData;
+            var _this__animatorLayersData_layerIndex_srcPlayData, _this__animatorLayersData_layerIndex;
             return (_this__animatorLayersData_layerIndex = this._animatorLayersData[layerIndex]) == null ? void 0 : (_this__animatorLayersData_layerIndex_srcPlayData = _this__animatorLayersData_layerIndex.srcPlayData) == null ? void 0 : _this__animatorLayersData_layerIndex_srcPlayData.state;
         };
         /**
@@ -30515,11 +30579,9 @@
         _proto._updateLayer = function _updateLayer(layerIndex, firstLayer, deltaTime, aniUpdate) {
             var _this__animatorController_layers_layerIndex = this._animatorController.layers[layerIndex], blendingMode = _this__animatorController_layers_layerIndex.blendingMode, weight = _this__animatorController_layers_layerIndex.weight;
             var layerData = this._animatorLayersData[layerIndex];
-            var srcPlayData = layerData.srcPlayData, destPlayData = layerData.destPlayData, crossFadeTransitionInfo = layerData.crossFadeTransition;
+            var srcPlayData = layerData.srcPlayData, destPlayData = layerData.destPlayData;
             var additive = blendingMode === exports.AnimatorLayerBlendingMode.Additive;
             firstLayer && (weight = 1.0);
-            //@todo: All situations should be checked, optimizations will follow later.
-            layerData.layerState !== LayerState.FixedCrossFading && this._checkTransition(srcPlayData, crossFadeTransitionInfo, layerIndex);
             switch(layerData.layerState){
                 case LayerState.Playing:
                     this._updatePlayingState(srcPlayData, layerData, layerIndex, weight, deltaTime, additive, aniUpdate);
@@ -30538,6 +30600,7 @@
         _proto._updatePlayingState = function _updatePlayingState(playData, layerData, layerIndex, weight, delta, additive, aniUpdate) {
             var _playData_stateData = playData.stateData, curveLayerOwner = _playData_stateData.curveLayerOwner, eventHandlers = _playData_stateData.eventHandlers;
             var state = playData.state, lastPlayState = playData.playState, lastClipTime = playData.clipTime;
+            var transitions = state.transitions;
             var _state_clip = state.clip, curveBindings = _state_clip._curveBindings;
             var speed = state.speed * this.speed;
             playData.frameTime += speed * delta;
@@ -30546,8 +30609,9 @@
             var finished = playState === AnimatorStatePlayState.Finished;
             if (aniUpdate || finished) {
                 for(var i = curveBindings.length - 1; i >= 0; i--){
+                    var _layerOwner;
                     var layerOwner = curveLayerOwner[i];
-                    var owner = layerOwner == null ? void 0 : layerOwner.curveOwner;
+                    var owner = (_layerOwner = layerOwner) == null ? void 0 : _layerOwner.curveOwner;
                     if (!owner) continue;
                     var curve = curveBindings[i].curve;
                     if (curve.keys.length) {
@@ -30570,6 +30634,12 @@
             } else {
                 this._callAnimatorScriptOnUpdate(state, layerIndex);
             }
+            if (transitions.length) {
+                var layerState = layerData.layerState;
+                if (layerState !== LayerState.CrossFading && layerState !== LayerState.FixedCrossFading) {
+                    this._checkTransition(playData, transitions, layerIndex, lastClipTime, clipTime);
+                }
+            }
         };
         _proto._updateCrossFade = function _updateCrossFade(srcPlayData, destPlayData, layerData, layerIndex, weight, delta, additive, aniUpdate) {
             var speed = this.speed;
@@ -30596,8 +30666,9 @@
             var finished = destPlayData.playState === AnimatorStatePlayState.Finished;
             if (aniUpdate || finished) {
                 for(var i = crossLayerOwnerCollection.length - 1; i >= 0; i--){
+                    var _layerOwner;
                     var layerOwner = crossLayerOwnerCollection[i];
-                    var owner = layerOwner == null ? void 0 : layerOwner.curveOwner;
+                    var owner = (_layerOwner = layerOwner) == null ? void 0 : _layerOwner.curveOwner;
                     if (!owner) continue;
                     var srcCurveIndex = layerOwner.crossSrcCurveIndex;
                     var destCurveIndex = layerOwner.crossDestCurveIndex;
@@ -30644,8 +30715,9 @@
             // When the animator is culled (aniUpdate=false), if the play state has finished, the final value needs to be calculated and saved to be applied directly.
             if (aniUpdate || finished) {
                 for(var i = crossLayerOwnerCollection.length - 1; i >= 0; i--){
+                    var _layerOwner;
                     var layerOwner = crossLayerOwnerCollection[i];
-                    var owner = layerOwner == null ? void 0 : layerOwner.curveOwner;
+                    var owner = (_layerOwner = layerOwner) == null ? void 0 : _layerOwner.curveOwner;
                     if (!owner) continue;
                     var curveIndex = layerOwner.crossDestCurveIndex;
                     this._checkRevertOwner(owner, additive);
@@ -30673,8 +30745,9 @@
             var curveLayerOwner = playData.stateData.curveLayerOwner;
             var _playData_state_clip = playData.state.clip, curveBindings = _playData_state_clip._curveBindings;
             for(var i = curveBindings.length - 1; i >= 0; i--){
+                var _layerOwner;
                 var layerOwner = curveLayerOwner[i];
-                var owner = layerOwner == null ? void 0 : layerOwner.curveOwner;
+                var owner = (_layerOwner = layerOwner) == null ? void 0 : _layerOwner.curveOwner;
                 if (!owner) continue;
                 this._checkRevertOwner(owner, additive);
                 owner.applyValue(layerOwner.finalValue, weight, additive);
@@ -30710,21 +30783,60 @@
                 }
             }
         };
-        _proto._checkTransition = function _checkTransition(stateData, crossFadeTransition, layerIndex) {
-            var state = stateData.state, clipTime = stateData.clipTime;
-            var transitions = state.transitions;
-            var duration = state._getDuration();
-            for(var i = 0, n = transitions.length; i < n; ++i){
-                var transition = transitions[i];
-                if (duration * transition.exitTime <= clipTime) {
-                    crossFadeTransition !== transition && this._crossFadeByTransition(transition, layerIndex);
+        _proto._checkTransition = function _checkTransition(playState, transitions, layerIndex, lastClipTime, clipTime) {
+            var state = playState.state;
+            var clipDuration = state.clip.length;
+            if (this.speed * state.speed >= 0) {
+                console.log(999, clipTime, lastClipTime);
+                if (clipTime < lastClipTime) {
+                    this._checkSubTransition(playState, transitions, layerIndex, lastClipTime, state.clipEndTime * clipDuration);
+                    playState.currentTransitionIndex = 0;
+                    this._checkSubTransition(playState, transitions, layerIndex, state.clipStartTime * clipDuration, clipTime);
+                } else {
+                    this._checkSubTransition(playState, transitions, layerIndex, lastClipTime, clipTime);
+                }
+            } else {
+                if (clipTime > lastClipTime) {
+                    this._checkBackwardsSubTransition(playState, transitions, layerIndex, lastClipTime, state.clipStartTime * clipDuration);
+                    playState.currentTransitionIndex = transitions.length - 1;
+                    this._checkBackwardsSubTransition(playState, transitions, layerIndex, clipTime, state.clipEndTime * clipDuration);
+                } else {
+                    this._checkBackwardsSubTransition(playState, transitions, layerIndex, lastClipTime, clipTime);
+                }
+            }
+        };
+        _proto._checkSubTransition = function _checkSubTransition(playState, transitions, layerIndex, lastClipTime, curClipTime) {
+            var transitionIndex = playState.currentTransitionIndex;
+            var duration = playState.state._getDuration();
+            for(var n = transitions.length; transitionIndex < n; transitionIndex++){
+                var transition = transitions[transitionIndex];
+                var exitTime = transition.exitTime * duration;
+                if (exitTime > curClipTime) {
+                    break;
+                }
+                if (exitTime >= lastClipTime) {
+                    this._crossFadeByTransition(transition, layerIndex);
+                    playState.currentTransitionIndex = Math.min(transitionIndex + 1, n - 1);
+                }
+            }
+        };
+        _proto._checkBackwardsSubTransition = function _checkBackwardsSubTransition(playState, transitions, layerIndex, lastClipTime, curClipTime) {
+            var transitionIndex = playState.currentTransitionIndex;
+            var duration = playState.state._getDuration();
+            for(; transitionIndex >= 0; transitionIndex--){
+                var transition = transitions[transitionIndex];
+                var exitTime = transition.exitTime * duration;
+                if (exitTime < curClipTime) {
+                    break;
+                }
+                if (exitTime <= lastClipTime) {
+                    this._crossFadeByTransition(transition, layerIndex);
+                    playState.currentTransitionIndex = Math.max(transitionIndex - 1, 0);
                 }
             }
         };
         _proto._crossFadeByTransition = function _crossFadeByTransition(transition, layerIndex) {
-            var name = transition.destinationState.name;
-            var stateInfo = this._getAnimatorStateInfo(name, layerIndex);
-            var crossState = stateInfo.state, playLayerIndex = stateInfo.layerIndex;
+            var crossState = transition.destinationState;
             if (!crossState) {
                 return false;
             }
@@ -30732,10 +30844,10 @@
                 Logger.warn("The state named " + name + " has no AnimationClip data.");
                 return false;
             }
-            var animatorLayerData = this._getAnimatorLayerData(playLayerIndex);
+            var animatorLayerData = this._getAnimatorLayerData(layerIndex);
             var layerState = animatorLayerData.layerState;
             var destPlayData = animatorLayerData.destPlayData;
-            var animatorStateData = this._getAnimatorStateData(name, crossState, animatorLayerData, playLayerIndex);
+            var animatorStateData = this._getAnimatorStateData(crossState.name, crossState, animatorLayerData, layerIndex);
             var duration = crossState._getDuration();
             var offset = duration * transition.offset;
             destPlayData.reset(crossState, animatorStateData, offset);
@@ -30838,8 +30950,9 @@
         _proto._checkAutoPlay = function _checkAutoPlay() {
             var layers = this._animatorController.layers;
             for(var i = 0, n = layers.length; i < n; ++i){
+                var _stateMachine;
                 var stateMachine = layers[i].stateMachine;
-                if (stateMachine == null ? void 0 : stateMachine.defaultState) {
+                if ((_stateMachine = stateMachine) == null ? void 0 : _stateMachine.defaultState) {
                     this.play(stateMachine.defaultState.name, i);
                 }
             }
@@ -30906,8 +31019,8 @@
         /**
        * Get the layer by name.
        * @param name - The layer's name.
-       */ _proto.findLayerByName = function findLayerByName(name) {
-            return this._layersMap[name];
+       */ _proto.findLayerByName = function findLayerByName(name1) {
+            return this._layersMap[name1];
         };
         /**
        * Add a layer to the controller.
@@ -30930,8 +31043,8 @@
        * Clear layers.
        */ _proto.clearLayers = function clearLayers() {
             this._layers.length = 0;
-            for(var name in this._layersMap){
-                delete this._layersMap[name];
+            for(var name1 in this._layersMap){
+                delete this._layersMap[name1];
             }
             this._updateFlagManager.dispatch();
         };
@@ -30954,8 +31067,8 @@
     }();
     /**
      * The Animation Layer contains a state machine that controls animations of a model or part of it.
-     */ var AnimatorControllerLayer = function AnimatorControllerLayer(name) {
-        this.name = name;
+     */ var AnimatorControllerLayer = function AnimatorControllerLayer(name1) {
+        this.name = name1;
         this./** The blending weight that the layers has. It is not taken into account for the first layer. */ weight = 1.0;
         this./** The blending mode used by the layer. It is not taken into account for the first layer. */ blendingMode = exports.AnimatorLayerBlendingMode.Override;
     };
@@ -30998,8 +31111,8 @@
     /**
      * States are the basic building blocks of a state machine. Each state contains a AnimationClip which will play while the character is in that state.
      */ var AnimatorState = /*#__PURE__*/ function() {
-        var AnimatorState = function AnimatorState(name) {
-            this.name = name;
+        var AnimatorState = function AnimatorState(name1) {
+            this.name = name1;
             this./** The speed of the clip. 1 is normal speed, default 1. */ speed = 1.0;
             this./** The wrap mode used in the state. */ wrapMode = exports.WrapMode.Loop;
             this./** @internal */ _onStateEnterScripts = [];
@@ -31014,7 +31127,17 @@
        * Add an outgoing transition to the destination state.
        * @param transition - The transition
        */ _proto.addTransition = function addTransition(transition) {
-            this._transitions.push(transition);
+            var transitions = this._transitions;
+            var count = transitions.length;
+            var time = transition.exitTime;
+            var maxExitTime = count ? transitions[count - 1].exitTime : 0;
+            if (time >= maxExitTime) {
+                transitions.push(transition);
+            } else {
+                var index = count;
+                while(--index >= 0 && time < transitions[index].exitTime);
+                transitions.splice(index + 1, 0, transition);
+            }
         };
         /**
        * Remove a transition from the state.
@@ -31128,14 +31251,14 @@
         /**
        * Add a state to the state machine.
        * @param name - The name of the new state
-       */ _proto.addState = function addState(name) {
-            var state = this.findStateByName(name);
+       */ _proto.addState = function addState(name1) {
+            var state = this.findStateByName(name1);
             if (!state) {
-                state = new AnimatorState(name);
+                state = new AnimatorState(name1);
                 this.states.push(state);
-                this._statesMap[name] = state;
+                this._statesMap[name1] = state;
             } else {
-                console.warn("The state named " + name + " has existed.");
+                console.warn("The state named " + name1 + " has existed.");
             }
             return state;
         };
@@ -31143,32 +31266,32 @@
        * Remove a state from the state machine.
        * @param state - The state
        */ _proto.removeState = function removeState(state) {
-            var name = state.name;
+            var name1 = state.name;
             var index = this.states.indexOf(state);
             if (index > -1) {
                 this.states.splice(index, 1);
             }
-            delete this._statesMap[name];
+            delete this._statesMap[name1];
         };
         /**
        * Get the state by name.
        * @param name - The layer's name
-       */ _proto.findStateByName = function findStateByName(name) {
-            return this._statesMap[name];
+       */ _proto.findStateByName = function findStateByName(name1) {
+            return this._statesMap[name1];
         };
         /**
        * Makes a unique state name in the state machine.
        * @param name - Desired name for the state.
        * @returns Unique name.
-       */ _proto.makeUniqueStateName = function makeUniqueStateName(name) {
+       */ _proto.makeUniqueStateName = function makeUniqueStateName(name1) {
             var _statesMap = this._statesMap;
-            var originName = name;
+            var originName = name1;
             var index = 0;
-            while(_statesMap[name]){
-                name = originName + " " + index;
+            while(_statesMap[name1]){
+                name1 = originName + " " + index;
                 index++;
             }
-            return name;
+            return name1;
         };
         return AnimatorStateMachine;
     }();
@@ -31187,11 +31310,11 @@
      */ var Keyframe = function Keyframe() {};
     /**
      * SkyBoxMaterial.
-     */ var SkyBoxMaterial = /*#__PURE__*/ function(Material) {
-        _inherits$2(SkyBoxMaterial, Material);
+     */ var SkyBoxMaterial = /*#__PURE__*/ function(Material1) {
+        _inherits$2(SkyBoxMaterial, Material1);
         function SkyBoxMaterial(engine) {
             var _this;
-            _this = Material.call(this, engine, Shader.find("skybox")) || this;
+            _this = Material1.call(this, engine, Shader.find("skybox")) || this;
             _this._textureDecodeRGBM = false;
             _this._tintColor = new Color$1(1, 1, 1, 1);
             _this.renderState.rasterState.cullMode = exports.CullMode.Off;
@@ -31296,10 +31419,10 @@
     })(exports.SunMode || (exports.SunMode = {}));
     /**
      * Sky procedural material.
-     */ var SkyProceduralMaterial = /*#__PURE__*/ function(Material) {
+     */ var SkyProceduralMaterial = /*#__PURE__*/ function(Material1) {
         var SkyProceduralMaterial = function SkyProceduralMaterial(engine) {
             var _this;
-            _this = Material.call(this, engine, Shader.find("SkyProcedural")) || this;
+            _this = Material1.call(this, engine, Shader.find("SkyProcedural")) || this;
             _this.sunMode = 2;
             _this.sunSize = 0.04;
             _this.sunSizeConvergence = 5;
@@ -31311,7 +31434,7 @@
             _this.renderState.depthState.compareFunction = exports.CompareFunction.LessEqual;
             return _this;
         };
-        _inherits$2(SkyProceduralMaterial, Material);
+        _inherits$2(SkyProceduralMaterial, Material1);
         var _proto = SkyProceduralMaterial.prototype;
         /**
        * @inheritDoc
@@ -31835,10 +31958,10 @@
     ], ParticleGeneratorModule.prototype, "_generator", void 0);
     /**
      * Color over lifetime module.
-     */ var ColorOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var ColorOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var ColorOverLifetimeModule = function ColorOverLifetimeModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /** Color gradient over lifetime. */ _this.color = new ParticleCompositeGradient(new ParticleGradient([
                 new GradientColorKey(0.0, new Color$1(1, 1, 1)),
                 new GradientColorKey(1.0, new Color$1(1, 1, 1))
@@ -31851,7 +31974,7 @@
             ;
             return _this;
         };
-        _inherits$2(ColorOverLifetimeModule, ParticleGeneratorModule);
+        _inherits$2(ColorOverLifetimeModule, ParticleGeneratorModule1);
         var _proto = ColorOverLifetimeModule.prototype;
         /**
        * @internal
@@ -31996,10 +32119,10 @@
     ], ParticleCompositeCurve.prototype, "curveMax", void 0);
     /**
      * The EmissionModule of a Particle Generator.
-     */ var EmissionModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var EmissionModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var EmissionModule = function EmissionModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /**  The rate of particle emission. */ _this.rateOverTime = new ParticleCompositeCurve(10);
             /**  The rate at which the emitter spawns new particles over distance. */ _this.rateOverDistance = new ParticleCompositeCurve(0);
             /** @internal */ _this._shapeRand = new Rand(0, ParticleRandomSubSeeds.Shape);
@@ -32009,7 +32132,7 @@
             _this._burstRand = new Rand(0, ParticleRandomSubSeeds.Burst);
             return _this;
         };
-        _inherits$2(EmissionModule, ParticleGeneratorModule);
+        _inherits$2(EmissionModule, ParticleGeneratorModule1);
         var _proto = EmissionModule.prototype;
         /**
        * Add a single burst.
@@ -32369,10 +32492,10 @@
     ], MainModule.prototype, "_startRotationRand", void 0);
     /**
      * Rotate particles throughout their lifetime.
-     */ var RotationOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var RotationOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var RotationOverLifetimeModule = function RotationOverLifetimeModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /** Specifies whether the rotation is separate on each axis, when disabled only z axis is used. */ _this.separateAxes = false;
             /** Rotation over lifetime for z axis. */ _this.rotationX = new ParticleCompositeCurve(0);
             /** Rotation over lifetime for z axis. */ _this.rotationY = new ParticleCompositeCurve(0);
@@ -32382,7 +32505,7 @@
             _this._rotationMaxConstant = new Vector3();
             return _this;
         };
-        _inherits$2(RotationOverLifetimeModule, ParticleGeneratorModule);
+        _inherits$2(RotationOverLifetimeModule, ParticleGeneratorModule1);
         var _proto = RotationOverLifetimeModule.prototype;
         /**
        * @internal
@@ -32597,17 +32720,17 @@
     };
     /**
      * Size over lifetime module.
-     */ var SizeOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var SizeOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var SizeOverLifetimeModule = function SizeOverLifetimeModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /** Specifies whether the Size is separate on each axis. */ _this.separateAxes = false;
             /** Size curve over lifetime for x axis. */ _this.sizeX = new ParticleCompositeCurve(new ParticleCurve(new CurveKey(0, 0), new CurveKey(1, 1)));
             /** Size curve over lifetime for y axis. */ _this.sizeY = new ParticleCompositeCurve(new ParticleCurve(new CurveKey(0, 0), new CurveKey(1, 1)));
             /** Size curve over lifetime for z axis. */ _this.sizeZ = new ParticleCompositeCurve(new ParticleCurve(new CurveKey(0, 0), new CurveKey(1, 1)));
             return _this;
         };
-        _inherits$2(SizeOverLifetimeModule, ParticleGeneratorModule);
+        _inherits$2(SizeOverLifetimeModule, ParticleGeneratorModule1);
         var _proto = SizeOverLifetimeModule.prototype;
         /**
        * @internal
@@ -32708,10 +32831,10 @@
     ], SizeOverLifetimeModule.prototype, "_isRandomTwoMacro", void 0);
     /**
      * Texture sheet animation module.
-     */ var TextureSheetAnimationModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var TextureSheetAnimationModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var TextureSheetAnimationModule = function TextureSheetAnimationModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /** Start frame of the texture sheet. */ _this.startFrame = new ParticleCompositeCurve(0);
             /** Frame over time curve of the texture sheet. */ _this.frameOverTime = new ParticleCompositeCurve(new ParticleCurve(new CurveKey(0, 0), new CurveKey(1, 1)));
             /** Texture sheet animation type. */ _this.type = /** Animate over the whole texture sheet from left to right, top to bottom. */ 0;
@@ -32722,7 +32845,7 @@
             _this._tiling = new Vector2(1, 1);
             return _this;
         };
-        _inherits$2(TextureSheetAnimationModule, ParticleGeneratorModule);
+        _inherits$2(TextureSheetAnimationModule, ParticleGeneratorModule1);
         var _proto = TextureSheetAnimationModule.prototype;
         /**
        * @inheritDoc
@@ -32812,10 +32935,10 @@
     })(TextureSheetAnimationType || (TextureSheetAnimationType = {}));
     /**
      * Velocity over lifetime module.
-     */ var VelocityOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
+     */ var VelocityOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
         var VelocityOverLifetimeModule = function VelocityOverLifetimeModule() {
             var _this;
-            _this = ParticleGeneratorModule.apply(this, arguments) || this;
+            _this = ParticleGeneratorModule1.apply(this, arguments) || this;
             /** Velocity over lifetime for x axis. */ _this.velocityX = new ParticleCompositeCurve(0);
             /** Velocity over lifetime for z axis. */ _this.velocityY = new ParticleCompositeCurve(0);
             /** Velocity over lifetime for z axis. */ _this.velocityZ = new ParticleCompositeCurve(0);
@@ -32825,7 +32948,7 @@
             _this._velocityMaxConstant = new Vector3();
             return _this;
         };
-        _inherits$2(VelocityOverLifetimeModule, ParticleGeneratorModule);
+        _inherits$2(VelocityOverLifetimeModule, ParticleGeneratorModule1);
         var _proto = VelocityOverLifetimeModule.prototype;
         /**
        * @internal
@@ -33476,11 +33599,11 @@
     ], ParticleGenerator.prototype, "_instanceVertices", void 0);
     /**
      * Particle Renderer Component.
-     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer) {
-        _inherits$2(ParticleRenderer, Renderer);
+     */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
+        _inherits$2(ParticleRenderer, Renderer1);
         function ParticleRenderer(entity) {
             var _this;
-            _this = Renderer.call(this, entity) || this;
+            _this = Renderer1.call(this, entity) || this;
             /** Particle generator. */ _this.generator = new ParticleGenerator(_assert_this_initialized(_this));
             /** Specifies how much particles stretch depending on their velocity. */ _this.velocityScale = 0;
             /** How much are the particles stretched in their direction of motion, defined as the length of the particle compared to its width. */ _this.lengthScale = 2;
@@ -33515,7 +33638,7 @@
             if (generator._firstActiveElement === generator._firstFreeElement) {
                 return;
             }
-            Renderer.prototype._prepareRender.call(this, context);
+            Renderer1.prototype._prepareRender.call(this, context);
         };
         /**
        * @internal
@@ -33604,9 +33727,10 @@
                 set: function set(value) {
                     var lastMesh = this._mesh;
                     if (lastMesh !== value) {
+                        var _lastMesh, _value;
                         this._mesh = value;
-                        lastMesh == null ? void 0 : lastMesh._addReferCount(-1);
-                        value == null ? void 0 : value._addReferCount(1);
+                        (_lastMesh = lastMesh) == null ? void 0 : _lastMesh._addReferCount(-1);
+                        (_value = value) == null ? void 0 : _value._addReferCount(1);
                         if (this.renderMode === exports.ParticleRenderMode.Mesh) {
                             this.generator._reorganizeGeometryBuffers();
                         }
@@ -33734,15 +33858,15 @@
     })(ParticleShapeType || (ParticleShapeType = {}));
     /**
      * Particle shape that emits particles from a box.
-     */ var BoxShape = /*#__PURE__*/ function(BaseShape) {
+     */ var BoxShape = /*#__PURE__*/ function(BaseShape1) {
         var BoxShape = function BoxShape() {
             var _this;
-            _this = BaseShape.call(this) || this;
+            _this = BaseShape1.call(this) || this;
             /** The size of the box. */ _this.size = new Vector3(1, 1, 1);
             _this.shapeType = ParticleShapeType.Box;
             return _this;
         };
-        _inherits$2(BoxShape, BaseShape);
+        _inherits$2(BoxShape, BaseShape1);
         var _proto = BoxShape.prototype;
         /**
        * @internal
@@ -33771,10 +33895,10 @@
     })(exports.ParticleShapeArcMode || (exports.ParticleShapeArcMode = {}));
     /**
      * Particle shape that emits particles from a circle.
-     */ var CircleShape = /*#__PURE__*/ function(BaseShape) {
+     */ var CircleShape = /*#__PURE__*/ function(BaseShape1) {
         var CircleShape = function CircleShape() {
             var _this;
-            _this = BaseShape.call(this) || this;
+            _this = BaseShape1.call(this) || this;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             /** Angle of the circle arc to emit particles from. */ _this.arc = 360.0;
             /** The mode to generate particles around the arc. */ _this.arcMode = exports.ParticleShapeArcMode.Random;
@@ -33782,7 +33906,7 @@
             _this.shapeType = ParticleShapeType.Circle;
             return _this;
         };
-        _inherits$2(CircleShape, BaseShape);
+        _inherits$2(CircleShape, BaseShape1);
         var _proto = CircleShape.prototype;
         /**
        * @internal
@@ -33811,10 +33935,10 @@
     })();
     /**
      * Cone shape.
-     */ var ConeShape = /*#__PURE__*/ function(BaseShape) {
+     */ var ConeShape = /*#__PURE__*/ function(BaseShape1) {
         var ConeShape = function ConeShape() {
             var _this;
-            _this = BaseShape.call(this) || this;
+            _this = BaseShape1.call(this) || this;
             /** Angle of the cone to emit particles from. */ _this.angle = 25.0;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             /** Length of the cone to emit particles from. */ _this.length = 5.0;
@@ -33822,7 +33946,7 @@
             _this.shapeType = ParticleShapeType.Cone;
             return _this;
         };
-        _inherits$2(ConeShape, BaseShape);
+        _inherits$2(ConeShape, BaseShape1);
         var _proto = ConeShape.prototype;
         /**
        * @internal
@@ -33875,15 +33999,15 @@
     })(exports.ConeEmitType || (exports.ConeEmitType = {}));
     /**
      * Particle shape that emits particles from a hemisphere.
-     */ var HemisphereShape = /*#__PURE__*/ function(BaseShape) {
+     */ var HemisphereShape = /*#__PURE__*/ function(BaseShape1) {
         var HemisphereShape = function HemisphereShape() {
             var _this;
-            _this = BaseShape.call(this) || this;
+            _this = BaseShape1.call(this) || this;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             _this.shapeType = ParticleShapeType.Hemisphere;
             return _this;
         };
-        _inherits$2(HemisphereShape, BaseShape);
+        _inherits$2(HemisphereShape, BaseShape1);
         var _proto = HemisphereShape.prototype;
         /**
        * @internal
@@ -33899,15 +34023,15 @@
     }(BaseShape);
     /**
      * Particle shape that emits particles from a sphere.
-     */ var SphereShape = /*#__PURE__*/ function(BaseShape) {
+     */ var SphereShape = /*#__PURE__*/ function(BaseShape1) {
         var SphereShape = function SphereShape() {
             var _this;
-            _this = BaseShape.call(this) || this;
+            _this = BaseShape1.call(this) || this;
             /** Radius of the shape to emit particles from. */ _this.radius = 1.0;
             _this.shapeType = ParticleShapeType.Sphere;
             return _this;
         };
-        _inherits$2(SphereShape, BaseShape);
+        _inherits$2(SphereShape, BaseShape1);
         var _proto = SphereShape.prototype;
         /**
        * @internal
@@ -33922,10 +34046,10 @@
     var FRAG_SHADER = "#define GLSLIFY 1\nvarying vec2 v_uv;uniform sampler2D u_texture;void main(void){gl_FragColor=texture2D(u_texture,v_uv);}"; // eslint-disable-line
     var VERT_SHADER = "#define GLSLIFY 1\nattribute vec3 POSITION;attribute vec2 TEXCOORD_0;varying vec2 v_uv;uniform mat4 camera_ProjMat;uniform mat4 camera_ViewMat;void main(){gl_Position=camera_ProjMat*camera_ViewMat*vec4(POSITION,1.0);v_uv=TEXCOORD_0;}"; // eslint-disable-line
     Shader.create("trail", VERT_SHADER, FRAG_SHADER);
-    var TrailMaterial = /*#__PURE__*/ function(Material) {
+    var TrailMaterial = /*#__PURE__*/ function(Material1) {
         var TrailMaterial = function TrailMaterial(engine) {
             var _this;
-            _this = Material.call(this, engine, Shader.find("trail")) || this;
+            _this = Material1.call(this, engine, Shader.find("trail")) || this;
             var target = _this.renderState.blendState.targetBlendState;
             target.enabled = true;
             target.sourceColorBlendFactor = target.sourceAlphaBlendFactor = exports.BlendFactor.SourceAlpha;
@@ -33933,16 +34057,16 @@
             _this.renderState.depthState.writeEnabled = false;
             return _this;
         };
-        _inherits$2(TrailMaterial, Material);
+        _inherits$2(TrailMaterial, Material1);
         return TrailMaterial;
     }(Material);
     var _tempVector3 = new Vector3();
     /**
      * @deprecated
-     */ var TrailRenderer = /*#__PURE__*/ function(MeshRenderer) {
+     */ var TrailRenderer = /*#__PURE__*/ function(MeshRenderer1) {
         var TrailRenderer = function TrailRenderer(entity, props) {
             var _this;
-            _this = MeshRenderer.call(this, entity) || this;
+            _this = MeshRenderer1.call(this, entity) || this;
             _this._stroke = props.stroke || 0.2;
             _this._minSeg = props.minSeg || 0.02;
             _this._lifetime = props.lifetime || 1000;
@@ -33963,7 +34087,7 @@
             _this._initGeometry();
             return _this;
         };
-        _inherits$2(TrailRenderer, MeshRenderer);
+        _inherits$2(TrailRenderer, MeshRenderer1);
         var _proto = TrailRenderer.prototype;
         /**
        * @internal
@@ -34012,7 +34136,7 @@
             this._updateStrapVertices(context.camera, this._points);
             this._updateStrapCoords();
             this._vertexBuffer.setData(this._vertices);
-            MeshRenderer.prototype._render.call(this, context);
+            MeshRenderer1.prototype._render.call(this, context);
         };
         _proto._initGeometry = function _initGeometry() {
             var mesh = new BufferMesh(this._entity.engine);
@@ -34126,10 +34250,10 @@
      *   skybox.specularTexture = cubeTexture;
      * }
      * ```
-     */ var Probe = /*#__PURE__*/ function(Script) {
+     */ var Probe = /*#__PURE__*/ function(Script1) {
         var Probe = function Probe() {
             var _this;
-            _this = Script.apply(this, arguments) || this;
+            _this = Script1.apply(this, arguments) || this;
             /**
        * Probe's layer, render everything by default.
        */ _this.probeLayer = exports.Layer.Everything;
@@ -34147,7 +34271,7 @@
        */ _this._isCube = false;
             return _this;
         };
-        _inherits$2(Probe, Script);
+        _inherits$2(Probe, Script1);
         var _proto = Probe.prototype;
         /**
        * Provide hooks for users to exchange Texture.
@@ -34192,10 +34316,10 @@
     var cacheDir = new Vector3();
     /**
      * Cube probe, generate cubeTexture, used for dynamic environment reflection and other effects.
-     */ var CubeProbe = /*#__PURE__*/ function(Probe) {
+     */ var CubeProbe = /*#__PURE__*/ function(Probe1) {
         var CubeProbe = function CubeProbe() {
             var _this;
-            _this = Probe.apply(this, arguments) || this;
+            _this = Probe1.apply(this, arguments) || this;
             /**
        * The position of the probe can be set, the default is the origin [0,0,0].
        */ _this.position = new Vector3(0, 0, 0);
@@ -34203,11 +34327,11 @@
             _this.oriViewMatrix = new Matrix();
             return _this;
         };
-        _inherits$2(CubeProbe, Probe);
+        _inherits$2(CubeProbe, Probe1);
         var _proto = CubeProbe.prototype;
         _proto.onBeginRender = function onBeginRender(camera) {
             if (!this.enabled) return;
-            Probe.prototype.onBeginRender.call(this, camera);
+            Probe1.prototype.onBeginRender.call(this, camera);
             this._storeCamera(camera);
             // Render 6 faces
             for(var faceIndex = 0; faceIndex < 6; faceIndex++){
@@ -34216,7 +34340,7 @@
                 camera.render(exports.TextureCubeFace.PositiveX + faceIndex);
             }
             this._restoreCamera(camera);
-            Probe.prototype._reset.call(this);
+            Probe1.prototype._reset.call(this);
         };
         /**
        * Store original camera parameters.
@@ -34680,11 +34804,11 @@
     }
     /**
      * WebGL platform engine,support includes WebGL1.0 and WebGL2.0.
-     */ var WebGLEngine = /*#__PURE__*/ function(Engine) {
+     */ var WebGLEngine = /*#__PURE__*/ function(Engine1) {
         var WebGLEngine = function WebGLEngine() {
-            return Engine.apply(this, arguments);
+            return Engine1.apply(this, arguments);
         };
-        _inherits$1(WebGLEngine, Engine);
+        _inherits$1(WebGLEngine, Engine1);
         /**
        * Create a WebGL engine.
        * @param configuration - WebGL engine configuration
@@ -34874,10 +34998,11 @@
             var ext = null;
             if (ext = rhi.requireExtension(capabilityType)) {
                 for(var glKey in flatItem){
+                    var _extensionVal;
                     var extensionKey = flatItem[glKey];
                     var extensionVal = ext[extensionKey];
                     // Mini game hack the native function,use “.bind” to smooth out if is “Funcion”.
-                    if (extensionVal == null ? void 0 : extensionVal.bind) {
+                    if ((_extensionVal = extensionVal) == null ? void 0 : _extensionVal.bind) {
                         gl[glKey] = extensionVal.bind(ext);
                     } else {
                         gl[glKey] = extensionVal;
@@ -36772,19 +36897,19 @@
         });
         if (superClass) _set_prototype_of(subClass, superClass);
     }
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */ function __decorate(decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -36886,6 +37011,10 @@
             return this;
         }), g;
     }
+    typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
     function _defineProperties(target, props) {
         for(var i = 0; i < props.length; i++){
             var descriptor = props[i];
@@ -37404,7 +37533,7 @@
                 return _this.parseBasicType(param, engine, resourceManager);
             })).then(function(result) {
                 var _instance;
-                return (_instance = instance)[methodName].apply(_instance, result);
+                return (_instance = instance)[methodName].apply(_instance, [].concat(result));
             });
         };
         ReflectionParser._isClass = function _isClass(value) {
@@ -37769,11 +37898,11 @@
         };
         return SceneParser;
     }();
-    exports.MeshLoader = /*#__PURE__*/ function(Loader) {
+    exports.MeshLoader = /*#__PURE__*/ function(Loader1) {
         var MeshLoader = function MeshLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(MeshLoader, Loader);
+        _inherits(MeshLoader, Loader1);
         var _proto = MeshLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -37794,11 +37923,11 @@
             "prefab"
         ], true)
     ], exports.MeshLoader);
-    exports.EditorTextureLoader = /*#__PURE__*/ function(Loader) {
+    exports.EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
         var EditorTextureLoader = function EditorTextureLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(EditorTextureLoader, Loader);
+        _inherits(EditorTextureLoader, Loader1);
         var _proto = EditorTextureLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -37832,11 +37961,11 @@
             return object;
         });
     }
-    var AnimationClipLoader = /*#__PURE__*/ function(Loader) {
+    var AnimationClipLoader = /*#__PURE__*/ function(Loader1) {
         var AnimationClipLoader = function AnimationClipLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(AnimationClipLoader, Loader);
+        _inherits(AnimationClipLoader, Loader1);
         var _proto = AnimationClipLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -37899,6 +38028,7 @@
                             var states = stateMachineData.states;
                             var stateMachine = layer.stateMachine = new AnimatorStateMachine();
                             states.forEach(function(stateData, stateIndex) {
+                                var _scriptsObject;
                                 var name = stateData.name, speed = stateData.speed, wrapMode = stateData.wrapMode, clipStartNormalizedTime = stateData.clipStartNormalizedTime, clipEndNormalizedTime = stateData.clipEndNormalizedTime, isDefaultState = stateData.isDefaultState, clipData = stateData.clip, scripts = stateData.scripts;
                                 var state = stateMachine.addState(name);
                                 isDefaultState && (stateMachine.defaultState = state);
@@ -37907,7 +38037,7 @@
                                 state.clipStartTime = clipStartNormalizedTime;
                                 state.clipEndTime = clipEndNormalizedTime;
                                 var scriptsObject = JSON.parse(scripts);
-                                scriptsObject == null ? void 0 : scriptsObject.forEach(function(script) {
+                                (_scriptsObject = scriptsObject) == null ? void 0 : _scriptsObject.forEach(function(script) {
                                     state.addStateMachineScript(Loader.getClass(script));
                                 });
                                 if (clipData) {
@@ -37960,11 +38090,11 @@
     function isBase64(url) {
         return /^data:(.+?);base64,/.test(url);
     }
-    var BufferLoader = /*#__PURE__*/ function(Loader) {
+    var BufferLoader = /*#__PURE__*/ function(Loader1) {
         var BufferLoader = function BufferLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(BufferLoader, Loader);
+        _inherits(BufferLoader, Loader1);
         var _proto = BufferLoader.prototype;
         _proto.load = function load(item) {
             var url = item.url;
@@ -37989,11 +38119,11 @@
             "r3bin"
         ], false)
     ], BufferLoader);
-    var EnvLoader = /*#__PURE__*/ function(Loader) {
+    var EnvLoader = /*#__PURE__*/ function(Loader1) {
         var EnvLoader = function EnvLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(EnvLoader, Loader);
+        _inherits(EnvLoader, Loader1);
         var _proto = EnvLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -38001,10 +38131,10 @@
                 _this.request(item.url, {
                     type: "arraybuffer"
                 }).then(function(arraybuffer) {
-                    var _ref;
+                    var _this;
                     var shArray = new Float32Array(arraybuffer, 0, 27);
                     var shByteLength = 27 * 4;
-                    var size = (_ref = new Uint16Array(arraybuffer, shByteLength, 1)) == null ? void 0 : _ref[0];
+                    var size = (_this = new Uint16Array(arraybuffer, shByteLength, 1)) == null ? void 0 : _this[0];
                     var engine = resourceManager.engine;
                     var texture = new TextureCube(engine, size);
                     texture.filterMode = exports.TextureFilterMode.Trilinear;
@@ -38065,11 +38195,11 @@
             });
         };
     }
-    var FontLoader = /*#__PURE__*/ function(Loader) {
+    var FontLoader = /*#__PURE__*/ function(Loader1) {
         var FontLoader = function FontLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(FontLoader, Loader);
+        _inherits(FontLoader, Loader1);
         var _proto = FontLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -38124,14 +38254,14 @@
     ], FontLoader);
     /**
      * Product after glTF parser, usually, `defaultSceneRoot` is only needed to use.
-     */ var GLTFResource = /*#__PURE__*/ function(ReferResource) {
+     */ var GLTFResource = /*#__PURE__*/ function(ReferResource1) {
         var GLTFResource = function GLTFResource(engine, url) {
             var _this;
-            _this = ReferResource.call(this, engine) || this;
+            _this = ReferResource1.call(this, engine) || this;
             _this.url = url;
             return _this;
         };
-        _inherits(GLTFResource, ReferResource);
+        _inherits(GLTFResource, ReferResource1);
         return GLTFResource;
     }(ReferResource);
     /**
@@ -39322,11 +39452,11 @@
             }
         };
     }
-    /** @internal */ var BinomialLLCTranscoder = /*#__PURE__*/ function(AbstractTranscoder) {
+    /** @internal */ var BinomialLLCTranscoder = /*#__PURE__*/ function(AbstractTranscoder1) {
         var BinomialLLCTranscoder = function BinomialLLCTranscoder(workerLimitCount) {
-            return AbstractTranscoder.call(this, workerLimitCount);
+            return AbstractTranscoder1.call(this, workerLimitCount);
         };
-        _inherits(BinomialLLCTranscoder, AbstractTranscoder);
+        _inherits(BinomialLLCTranscoder, AbstractTranscoder1);
         var _proto = BinomialLLCTranscoder.prototype;
         _proto._initTranscodeWorkerPool = function _initTranscodeWorkerPool() {
             var _this = this;
@@ -39500,14 +39630,14 @@
             }
         };
     }
-    /** @internal */ var KhronosTranscoder = /*#__PURE__*/ function(AbstractTranscoder) {
+    /** @internal */ var KhronosTranscoder = /*#__PURE__*/ function(AbstractTranscoder1) {
         var KhronosTranscoder = function KhronosTranscoder(workerLimitCount, type) {
             var _this;
-            _this = AbstractTranscoder.call(this, workerLimitCount) || this;
+            _this = AbstractTranscoder1.call(this, workerLimitCount) || this;
             _this.type = type;
             return _this;
         };
-        _inherits(KhronosTranscoder, AbstractTranscoder);
+        _inherits(KhronosTranscoder, AbstractTranscoder1);
         var _proto = KhronosTranscoder.prototype;
         _proto._initTranscodeWorkerPool = function _initTranscodeWorkerPool() {
             var _this = this;
@@ -39570,11 +39700,11 @@
         KhronosTranscoder.transcoderMap = (_obj = {}, _obj[exports.KTX2TargetFormat.ASTC] = "https://mdn.alipayobjects.com/rms/afts/file/A*0jiKRK6D1-kAAAAAAAAAAAAAARQnAQ/uastc_astc.wasm", _obj);
     })();
     var _KTX2Loader;
-    exports.KTX2Loader = (_KTX2Loader = /*#__PURE__*/ function(Loader) {
+    exports.KTX2Loader = (_KTX2Loader = /*#__PURE__*/ function(Loader1) {
         var KTX2Loader1 = function KTX2Loader1() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(KTX2Loader1, Loader);
+        _inherits(KTX2Loader1, Loader1);
         var _proto = KTX2Loader1.prototype;
         _proto.initialize = function initialize(engine, configuration) {
             if (configuration.ktx2Loader) {
@@ -39629,8 +39759,9 @@
             this._isBinomialInit = false;
         };
         /** @internal */ KTX2Loader1._parseBuffer = function _parseBuffer(buffer, engine, params) {
+            var _params;
             var ktx2Container = new KTX2Container(buffer);
-            var formatPriorities = params == null ? void 0 : params.priorityFormats;
+            var formatPriorities = (_params = params) == null ? void 0 : _params.priorityFormats;
             var targetFormat = exports.KTX2Loader._decideTargetFormat(engine, ktx2Container, formatPriorities);
             var transcodeResultPromise;
             if (exports.KTX2Loader._isBinomialInit || !KhronosTranscoder.transcoderMap[targetFormat] || !ktx2Container.isUASTC) {
@@ -39767,17 +39898,17 @@
     ], exports.KTX2Loader);
     /**
      * @internal
-     */ var GLTFContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+     */ var GLTFContentRestorer = /*#__PURE__*/ function(ContentRestorer1) {
         var GLTFContentRestorer = function GLTFContentRestorer() {
             var _this;
-            _this = ContentRestorer.apply(this, arguments) || this;
+            _this = ContentRestorer1.apply(this, arguments) || this;
             _this.bufferRequests = [];
             _this.glbBufferSlices = [];
             _this.bufferTextures = [];
             _this.meshes = [];
             return _this;
         };
-        _inherits(GLTFContentRestorer, ContentRestorer);
+        _inherits(GLTFContentRestorer, ContentRestorer1);
         var _proto = GLTFContentRestorer.prototype;
         _proto.restoreContent = function restoreContent() {
             var _this = this;
@@ -39938,20 +40069,6 @@
         this.byteOffset = byteOffset;
         this.count = count;
     };
-    function _array_without_holes(arr) {
-        if (Array.isArray(arr)) return _array_like_to_array(arr);
-    }
-    function _iterable_to_array(iter) {
-        if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) {
-            return Array.from(iter);
-        }
-    }
-    function _non_iterable_spread() {
-        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
-    function _to_consumable_array(arr) {
-        return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-    }
     /**
      * Base class of glTF extension parser.
      */ var GLTFExtensionParser = /*#__PURE__*/ function() {
@@ -40017,12 +40134,7 @@
                 var _GLTFParser;
                 var extensionName = extensionArray[i];
                 var extensionSchema = extensions[extensionName];
-                resource = (_GLTFParser = GLTFParser)._createAndParse.apply(_GLTFParser, [
-                    extensionName,
-                    context,
-                    extensionSchema,
-                    ownerSchema
-                ].concat(_to_consumable_array(extra)));
+                resource = (_GLTFParser = GLTFParser)._createAndParse.apply(_GLTFParser, [].concat(extensionName, context, extensionSchema, ownerSchema, extra));
                 if (resource) {
                     return resource;
                 }
@@ -40042,13 +40154,7 @@
             for(var extensionName in extensions){
                 var _GLTFParser;
                 var extensionSchema = extensions[extensionName];
-                (_GLTFParser = GLTFParser)._additiveParse.apply(_GLTFParser, [
-                    extensionName,
-                    context,
-                    parseResource,
-                    extensionSchema,
-                    ownerSchema
-                ].concat(_to_consumable_array(extra)));
+                (_GLTFParser = GLTFParser)._additiveParse.apply(_GLTFParser, [].concat(extensionName, context, parseResource, extensionSchema, ownerSchema, extra));
             }
         };
         /**
@@ -40065,8 +40171,9 @@
        * @param mode - GLTF extension mode
        * @returns GLTF extension parser
        */ GLTFParser.getExtensionParser = function getExtensionParser(extensionName, mode) {
+            var _parsers;
             var parsers = GLTFParser._extensionParsers[extensionName];
-            var length = parsers == null ? void 0 : parsers.length;
+            var length = (_parsers = parsers) == null ? void 0 : _parsers.length;
             if (length) {
                 // only use the last parser.
                 for(var i = length - 1; i >= 0; --i){
@@ -40092,11 +40199,7 @@
             var parser = GLTFParser.getExtensionParser(extensionName, exports.GLTFExtensionMode.CreateAndParse);
             if (parser) {
                 var _parser;
-                return (_parser = parser).createAndParse.apply(_parser, [
-                    context,
-                    extensionSchema,
-                    ownerSchema
-                ].concat(_to_consumable_array(extra)));
+                return (_parser = parser).createAndParse.apply(_parser, [].concat(context, extensionSchema, ownerSchema, extra));
             }
         };
         GLTFParser._additiveParse = function _additiveParse(extensionName, context, parseResource, extensionSchema, ownerSchema) {
@@ -40106,12 +40209,7 @@
             var parser = GLTFParser.getExtensionParser(extensionName, exports.GLTFExtensionMode.AdditiveParse);
             if (parser) {
                 var _parser;
-                (_parser = parser).additiveParse.apply(_parser, [
-                    context,
-                    parseResource,
-                    extensionSchema,
-                    ownerSchema
-                ].concat(_to_consumable_array(extra)));
+                (_parser = parser).additiveParse.apply(_parser, [].concat(context, parseResource, extensionSchema, ownerSchema, extra));
             }
         };
         return GLTFParser;
@@ -40129,11 +40227,11 @@
             GLTFParser._addExtensionParser(extensionName, extensionParser);
         };
     }
-    exports.GLTFSchemaParser = /*#__PURE__*/ function(GLTFParser) {
+    exports.GLTFSchemaParser = /*#__PURE__*/ function(GLTFParser1) {
         var GLTFSchemaParser = function GLTFSchemaParser() {
-            return GLTFParser.apply(this, arguments);
+            return GLTFParser1.apply(this, arguments);
         };
-        _inherits(GLTFSchemaParser, GLTFParser);
+        _inherits(GLTFSchemaParser, GLTFParser1);
         var _proto = GLTFSchemaParser.prototype;
         _proto.parse = function parse(context) {
             var glTFResource = context.glTFResource, contentRestorer = context.contentRestorer;
@@ -40346,11 +40444,11 @@
     exports.GLTFAnimationParser = __decorate([
         registerGLTFParser(exports.GLTFParserType.Animation)
     ], exports.GLTFAnimationParser);
-    exports.GLTFBufferParser = /*#__PURE__*/ function(GLTFParser) {
+    exports.GLTFBufferParser = /*#__PURE__*/ function(GLTFParser1) {
         var GLTFBufferParser = function GLTFBufferParser() {
-            return GLTFParser.apply(this, arguments);
+            return GLTFParser1.apply(this, arguments);
         };
-        _inherits(GLTFBufferParser, GLTFParser);
+        _inherits(GLTFBufferParser, GLTFParser1);
         var _proto = GLTFBufferParser.prototype;
         _proto.parse = function parse(context, index) {
             var buffers = context.glTF.buffers;
@@ -40965,11 +41063,11 @@
     exports.GLTFSceneParser = __decorate([
         registerGLTFParser(exports.GLTFParserType.Scene)
     ], exports.GLTFSceneParser);
-    exports.GLTFSkinParser = /*#__PURE__*/ function(GLTFParser) {
+    exports.GLTFSkinParser = /*#__PURE__*/ function(GLTFParser1) {
         var GLTFSkinParser = function GLTFSkinParser() {
-            return GLTFParser.apply(this, arguments);
+            return GLTFParser1.apply(this, arguments);
         };
-        _inherits(GLTFSkinParser, GLTFParser);
+        _inherits(GLTFSkinParser, GLTFParser1);
         var _proto = GLTFSkinParser.prototype;
         _proto.parse = function parse(context, index) {
             var _this = this;
@@ -41063,6 +41161,7 @@
                 var useSampler = sampler !== undefined;
                 var samplerInfo = sampler !== undefined && GLTFUtils.getSamplerInfo(glTF.samplers[sampler]);
                 if (uri) {
+                    var _samplerInfo;
                     // TODO: deleted in 2.0
                     var extIndex = uri.lastIndexOf(".");
                     var ext = uri.substring(extIndex + 1);
@@ -41071,7 +41170,7 @@
                         url: Utils.resolveAbsoluteUrl(url, uri),
                         type: type,
                         params: {
-                            mipmap: samplerInfo == null ? void 0 : samplerInfo.mipmap
+                            mipmap: (_samplerInfo = samplerInfo) == null ? void 0 : _samplerInfo.mipmap
                         }
                     }).then(function(texture) {
                         var _texture;
@@ -41085,7 +41184,8 @@
                         var buffer = buffers[bufferView.buffer];
                         var imageBuffer = new Uint8Array(buffer, bufferView.byteOffset, bufferView.byteLength);
                         return GLTFUtils.loadImageBuffer(imageBuffer, mimeType).then(function(image) {
-                            var texture = new Texture2D(engine, image.width, image.height, undefined, samplerInfo == null ? void 0 : samplerInfo.mipmap);
+                            var _samplerInfo;
+                            var texture = new Texture2D(engine, image.width, image.height, undefined, (_samplerInfo = samplerInfo) == null ? void 0 : _samplerInfo.mipmap);
                             texture.setImageSource(image);
                             texture.generateMipmaps();
                             texture.name = textureName || imageName || "texture_" + index;
@@ -41147,17 +41247,18 @@
     exports.GLTFValidator = __decorate([
         registerGLTFParser(exports.GLTFParserType.Validator)
     ], exports.GLTFValidator);
-    var GLTFLoader = /*#__PURE__*/ function(Loader) {
+    var GLTFLoader = /*#__PURE__*/ function(Loader1) {
         var GLTFLoader = function GLTFLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(GLTFLoader, Loader);
+        _inherits(GLTFLoader, Loader1);
         var _proto = GLTFLoader.prototype;
         _proto.load = function load(item, resourceManager) {
+            var _params;
             var url = item.url;
             var params = item.params;
             var glTFResource = new GLTFResource(resourceManager.engine, url);
-            var context = new GLTFParserContext(glTFResource, resourceManager, !!(params == null ? void 0 : params.keepMeshData));
+            var context = new GLTFParserContext(glTFResource, resourceManager, !!((_params = params) == null ? void 0 : _params.keepMeshData));
             return context.parse();
         };
         return GLTFLoader;
@@ -41170,11 +41271,11 @@
     ], GLTFLoader);
     var _HDRLoader;
     var PI = Math.PI;
-    var HDRLoader = (_HDRLoader = /*#__PURE__*/ function(Loader) {
+    var HDRLoader = (_HDRLoader = /*#__PURE__*/ function(Loader1) {
         var HDRLoader1 = function HDRLoader1() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(HDRLoader1, Loader);
+        _inherits(HDRLoader1, Loader1);
         var _proto = HDRLoader1.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41483,11 +41584,11 @@
             "hdr"
         ])
     ], HDRLoader);
-    var JSONLoader = /*#__PURE__*/ function(Loader) {
+    var JSONLoader = /*#__PURE__*/ function(Loader1) {
         var JSONLoader = function JSONLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(JSONLoader, Loader);
+        _inherits(JSONLoader, Loader1);
         var _proto = JSONLoader.prototype;
         _proto.load = function load(item) {
             return this.request(item.url, _extends({}, item, {
@@ -41684,11 +41785,11 @@
             height: height
         };
     }
-    var KTXCubeLoader = /*#__PURE__*/ function(Loader) {
+    var KTXCubeLoader = /*#__PURE__*/ function(Loader1) {
         var KTXCubeLoader = function KTXCubeLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(KTXCubeLoader, Loader);
+        _inherits(KTXCubeLoader, Loader1);
         var _proto = KTXCubeLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41720,11 +41821,11 @@
     KTXCubeLoader = __decorate([
         resourceLoader(exports.AssetType.KTXCube, [])
     ], KTXCubeLoader);
-    var KTXLoader = /*#__PURE__*/ function(Loader) {
+    var KTXLoader = /*#__PURE__*/ function(Loader1) {
         var KTXLoader = function KTXLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(KTXLoader, Loader);
+        _inherits(KTXLoader, Loader1);
         var _proto = KTXLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41762,11 +41863,11 @@
             object[key] = value;
         }
     }
-    var MaterialLoader = /*#__PURE__*/ function(Loader) {
+    var MaterialLoader = /*#__PURE__*/ function(Loader1) {
         var MaterialLoader = function MaterialLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(MaterialLoader, Loader);
+        _inherits(MaterialLoader, Loader1);
         var _proto = MaterialLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41828,11 +41929,11 @@
             "json"
         ])
     ], MaterialLoader);
-    var MeshLoader = /*#__PURE__*/ function(Loader) {
+    var MeshLoader = /*#__PURE__*/ function(Loader1) {
         var MeshLoader = function MeshLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(MeshLoader, Loader);
+        _inherits(MeshLoader, Loader1);
         var _proto = MeshLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41853,11 +41954,11 @@
             "mesh"
         ])
     ], MeshLoader);
-    var SourceFontLoader = /*#__PURE__*/ function(Loader) {
+    var SourceFontLoader = /*#__PURE__*/ function(Loader1) {
         var SourceFontLoader = function SourceFontLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(SourceFontLoader, Loader);
+        _inherits(SourceFontLoader, Loader1);
         var _proto = SourceFontLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41901,16 +42002,16 @@
             "woff"
         ], false)
     ], SourceFontLoader);
-    var SpriteAtlasLoader = /*#__PURE__*/ function(Loader) {
+    var SpriteAtlasLoader = /*#__PURE__*/ function(Loader1) {
         var SpriteAtlasLoader = function SpriteAtlasLoader() {
             var _this;
-            _this = Loader.apply(this, arguments) || this;
+            _this = Loader1.apply(this, arguments) || this;
             _this._tempRect = new Rect();
             _this._tempVec2 = new Vector2();
             _this._tempVec4 = new Vector4();
             return _this;
         };
-        _inherits(SpriteAtlasLoader, Loader);
+        _inherits(SpriteAtlasLoader, Loader1);
         var _proto = SpriteAtlasLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -41992,11 +42093,11 @@
             "atlas"
         ], false)
     ], SpriteAtlasLoader);
-    var SpriteLoader = /*#__PURE__*/ function(Loader) {
+    var SpriteLoader = /*#__PURE__*/ function(Loader1) {
         var SpriteLoader = function SpriteLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(SpriteLoader, Loader);
+        _inherits(SpriteLoader, Loader1);
         var _proto = SpriteLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -42029,15 +42130,15 @@
     ], SpriteLoader);
     /**
      * @internal
-     */ var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+     */ var Texture2DContentRestorer = /*#__PURE__*/ function(ContentRestorer1) {
         var Texture2DContentRestorer = function Texture2DContentRestorer(resource, url, requestConfig) {
             var _this;
-            _this = ContentRestorer.call(this, resource) || this;
+            _this = ContentRestorer1.call(this, resource) || this;
             _this.url = url;
             _this.requestConfig = requestConfig;
             return _this;
         };
-        _inherits(Texture2DContentRestorer, ContentRestorer);
+        _inherits(Texture2DContentRestorer, ContentRestorer1);
         var _proto = Texture2DContentRestorer.prototype;
         _proto.restoreContent = function restoreContent() {
             var _this = this;
@@ -42050,11 +42151,11 @@
         };
         return Texture2DContentRestorer;
     }(ContentRestorer);
-    var Texture2DLoader = /*#__PURE__*/ function(Loader) {
+    var Texture2DLoader = /*#__PURE__*/ function(Loader1) {
         var Texture2DLoader = function Texture2DLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(Texture2DLoader, Loader);
+        _inherits(Texture2DLoader, Loader1);
         var _proto = Texture2DLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -42064,8 +42165,9 @@
                     type: "image"
                 });
                 _this.request(url, requestConfig).then(function(image) {
+                    var _params, _params1;
                     var params = item.params;
-                    var texture = new Texture2D(resourceManager.engine, image.width, image.height, params == null ? void 0 : params.format, params == null ? void 0 : params.mipmap);
+                    var texture = new Texture2D(resourceManager.engine, image.width, image.height, (_params = params) == null ? void 0 : _params.format, (_params1 = params) == null ? void 0 : _params1.mipmap);
                     texture.setImageSource(image);
                     texture.generateMipmaps();
                     if (url.indexOf("data:") !== 0) {
@@ -42091,15 +42193,15 @@
     ], Texture2DLoader);
     /**
      * @internal
-     */ var TextureCubeContentRestorer = /*#__PURE__*/ function(ContentRestorer) {
+     */ var TextureCubeContentRestorer = /*#__PURE__*/ function(ContentRestorer1) {
         var TextureCubeContentRestorer = function TextureCubeContentRestorer(resource, urls, requestConfig) {
             var _this;
-            _this = ContentRestorer.call(this, resource) || this;
+            _this = ContentRestorer1.call(this, resource) || this;
             _this.urls = urls;
             _this.requestConfig = requestConfig;
             return _this;
         };
-        _inherits(TextureCubeContentRestorer, ContentRestorer);
+        _inherits(TextureCubeContentRestorer, ContentRestorer1);
         var _proto = TextureCubeContentRestorer.prototype;
         _proto.restoreContent = function restoreContent() {
             var _this = this;
@@ -42120,11 +42222,11 @@
         };
         return TextureCubeContentRestorer;
     }(ContentRestorer);
-    var TextureCubeLoader = /*#__PURE__*/ function(Loader) {
+    var TextureCubeLoader = /*#__PURE__*/ function(Loader1) {
         var TextureCubeLoader = function TextureCubeLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(TextureCubeLoader, Loader);
+        _inherits(TextureCubeLoader, Loader1);
         var _proto = TextureCubeLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -42160,11 +42262,11 @@
             ""
         ])
     ], TextureCubeLoader);
-    var SceneLoader = /*#__PURE__*/ function(Loader) {
+    var SceneLoader = /*#__PURE__*/ function(Loader1) {
         var SceneLoader = function SceneLoader() {
-            return Loader.apply(this, arguments);
+            return Loader1.apply(this, arguments);
         };
-        _inherits(SceneLoader, Loader);
+        _inherits(SceneLoader, Loader1);
         var _proto = SceneLoader.prototype;
         _proto.load = function load(item, resourceManager) {
             var _this = this;
@@ -42257,7 +42359,7 @@
     }(Loader);
     SceneLoader = __decorate([
         resourceLoader(exports.AssetType.Scene, [
-            "prefab"
+            "scene"
         ], true)
     ], SceneLoader);
     ReflectionParser.registerCustomParseComponent("TextRenderer", /*#__PURE__*/ _async_to_generator(function(instance, item, engine) {
@@ -42275,11 +42377,11 @@
         });
     }));
     var _KHR_draco_mesh_compression;
-    var KHR_draco_mesh_compression = (_KHR_draco_mesh_compression = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_draco_mesh_compression = (_KHR_draco_mesh_compression = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_draco_mesh_compression1 = function KHR_draco_mesh_compression1() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_draco_mesh_compression1, GLTFExtensionParser);
+        _inherits(KHR_draco_mesh_compression1, GLTFExtensionParser1);
         var _proto = KHR_draco_mesh_compression1.prototype;
         _proto.createAndParse = function createAndParse(context, schema, glTFPrimitive, glTFMesh) {
             var _this = this;
@@ -42437,11 +42539,11 @@
     KHR_draco_mesh_compression = __decorate([
         registerGLTFExtension("KHR_draco_mesh_compression", exports.GLTFExtensionMode.CreateAndParse)
     ], KHR_draco_mesh_compression);
-    var KHR_lights_punctual = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_lights_punctual = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_lights_punctual = function KHR_lights_punctual() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_lights_punctual, GLTFExtensionParser);
+        _inherits(KHR_lights_punctual, GLTFExtensionParser1);
         var _proto = KHR_lights_punctual.prototype;
         _proto.additiveParse = function additiveParse(context, entity, extensionSchema) {
             var _glTFResource;
@@ -42477,11 +42579,11 @@
     KHR_lights_punctual = __decorate([
         registerGLTFExtension("KHR_lights_punctual", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_lights_punctual);
-    var KHR_materials_clearcoat = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_materials_clearcoat = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_clearcoat = function KHR_materials_clearcoat() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_materials_clearcoat, GLTFExtensionParser);
+        _inherits(KHR_materials_clearcoat, GLTFExtensionParser1);
         var _proto = KHR_materials_clearcoat.prototype;
         _proto.additiveParse = function additiveParse(context, material, schema) {
             var _schema_clearcoatFactor = schema.clearcoatFactor, clearcoatFactor = _schema_clearcoatFactor === void 0 ? 0 : _schema_clearcoatFactor, clearcoatTexture = schema.clearcoatTexture, _schema_clearcoatRoughnessFactor = schema.clearcoatRoughnessFactor, clearcoatRoughnessFactor = _schema_clearcoatRoughnessFactor === void 0 ? 0 : _schema_clearcoatRoughnessFactor, clearcoatRoughnessTexture = schema.clearcoatRoughnessTexture, clearcoatNormalTexture = schema.clearcoatNormalTexture;
@@ -42511,11 +42613,11 @@
     KHR_materials_clearcoat = __decorate([
         registerGLTFExtension("KHR_materials_clearcoat", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_materials_clearcoat);
-    var KHR_materials_ior = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_materials_ior = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_ior = function KHR_materials_ior() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_materials_ior, GLTFExtensionParser);
+        _inherits(KHR_materials_ior, GLTFExtensionParser1);
         var _proto = KHR_materials_ior.prototype;
         _proto.additiveParse = function additiveParse(context, material, schema) {
             var _schema_ior = schema.ior, ior = _schema_ior === void 0 ? 1.5 : _schema_ior;
@@ -42526,11 +42628,11 @@
     KHR_materials_ior = __decorate([
         registerGLTFExtension("KHR_materials_ior", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_materials_ior);
-    var KHR_materials_pbrSpecularGlossiness = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_materials_pbrSpecularGlossiness = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_pbrSpecularGlossiness = function KHR_materials_pbrSpecularGlossiness() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_materials_pbrSpecularGlossiness, GLTFExtensionParser);
+        _inherits(KHR_materials_pbrSpecularGlossiness, GLTFExtensionParser1);
         var _proto = KHR_materials_pbrSpecularGlossiness.prototype;
         _proto.createAndParse = function createAndParse(context, schema, ownerSchema) {
             var engine = context.glTFResource.engine;
@@ -42566,11 +42668,11 @@
     KHR_materials_pbrSpecularGlossiness = __decorate([
         registerGLTFExtension("KHR_materials_pbrSpecularGlossiness", exports.GLTFExtensionMode.CreateAndParse)
     ], KHR_materials_pbrSpecularGlossiness);
-    var KHR_materials_unlit = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_materials_unlit = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_unlit = function KHR_materials_unlit() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_materials_unlit, GLTFExtensionParser);
+        _inherits(KHR_materials_unlit, GLTFExtensionParser1);
         var _proto = KHR_materials_unlit.prototype;
         _proto.createAndParse = function createAndParse(context, _, ownerSchema) {
             var engine = context.glTFResource.engine;
@@ -42584,11 +42686,11 @@
     KHR_materials_unlit = __decorate([
         registerGLTFExtension("KHR_materials_unlit", exports.GLTFExtensionMode.CreateAndParse)
     ], KHR_materials_unlit);
-    var KHR_materials_variants = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_materials_variants = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_materials_variants = function KHR_materials_variants() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_materials_variants, GLTFExtensionParser);
+        _inherits(KHR_materials_variants, GLTFExtensionParser1);
         var _proto = KHR_materials_variants.prototype;
         _proto.additiveParse = function additiveParse(context, renderer, schema) {
             var _loop = function _loop(i) {
@@ -42616,21 +42718,21 @@
     KHR_materials_variants = __decorate([
         registerGLTFExtension("KHR_materials_variants", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_materials_variants);
-    var KHR_mesh_quantization = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_mesh_quantization = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_mesh_quantization = function KHR_mesh_quantization() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_mesh_quantization, GLTFExtensionParser);
+        _inherits(KHR_mesh_quantization, GLTFExtensionParser1);
         return KHR_mesh_quantization;
     }(GLTFExtensionParser);
     KHR_mesh_quantization = __decorate([
         registerGLTFExtension("KHR_mesh_quantization", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_mesh_quantization);
-    var KHR_texture_basisu = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_texture_basisu = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_texture_basisu = function KHR_texture_basisu() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_texture_basisu, GLTFExtensionParser);
+        _inherits(KHR_texture_basisu, GLTFExtensionParser1);
         var _proto = KHR_texture_basisu.prototype;
         _proto.createAndParse = function createAndParse(context, schema, textureInfo) {
             return _async_to_generator(function() {
@@ -42688,11 +42790,11 @@
     KHR_texture_basisu = __decorate([
         registerGLTFExtension("KHR_texture_basisu", exports.GLTFExtensionMode.CreateAndParse)
     ], KHR_texture_basisu);
-    var KHR_texture_transform = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var KHR_texture_transform = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var KHR_texture_transform = function KHR_texture_transform() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(KHR_texture_transform, GLTFExtensionParser);
+        _inherits(KHR_texture_transform, GLTFExtensionParser1);
         var _proto = KHR_texture_transform.prototype;
         _proto.additiveParse = function additiveParse(context, material, schema) {
             var offset = schema.offset, rotation = schema.rotation, scale = schema.scale, texCoord = schema.texCoord;
@@ -42716,11 +42818,11 @@
     KHR_texture_transform = __decorate([
         registerGLTFExtension("KHR_texture_transform", exports.GLTFExtensionMode.AdditiveParse)
     ], KHR_texture_transform);
-    var GALACEAN_materials_remap = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var GALACEAN_materials_remap = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var GALACEAN_materials_remap = function GALACEAN_materials_remap() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(GALACEAN_materials_remap, GLTFExtensionParser);
+        _inherits(GALACEAN_materials_remap, GLTFExtensionParser1);
         var _proto = GALACEAN_materials_remap.prototype;
         _proto.createAndParse = function createAndParse(context, schema) {
             var engine = context.glTFResource.engine;
@@ -42732,11 +42834,11 @@
     GALACEAN_materials_remap = __decorate([
         registerGLTFExtension("GALACEAN_materials_remap", exports.GLTFExtensionMode.CreateAndParse)
     ], GALACEAN_materials_remap);
-    var GALACEAN_animation_event = /*#__PURE__*/ function(GLTFExtensionParser) {
+    var GALACEAN_animation_event = /*#__PURE__*/ function(GLTFExtensionParser1) {
         var GALACEAN_animation_event = function GALACEAN_animation_event() {
-            return GLTFExtensionParser.apply(this, arguments);
+            return GLTFExtensionParser1.apply(this, arguments);
         };
-        _inherits(GALACEAN_animation_event, GLTFExtensionParser);
+        _inherits(GALACEAN_animation_event, GLTFExtensionParser1);
         var _proto = GALACEAN_animation_event.prototype;
         _proto.additiveParse = function additiveParse(context, animationClip, schema) {
             context.glTFResource.engine;
@@ -42756,7 +42858,7 @@
     ], GALACEAN_animation_event);
 
     //@ts-ignore
-    var version = "1.1.0-alpha.4";
+    var version = "1.1.0-beta.0";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);