@galacean/engine-core 1.1.0-alpha.4 → 1.1.0-beta.1

package/dist/module.js

@@ -184,6 +184,31 @@ function _inherits(subClass, superClass) {
         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
@@ -371,28 +396,33 @@ function _inherits(subClass, superClass) {
     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.
-***************************************************************************** */
-
-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);
-    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;
+/******************************************************************************
+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);
+  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 _instanceof(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
@@ -607,11 +637,11 @@ __decorate([
 
 /**
  * The base class of assets, with reference counting capability.
- */ var ReferResource = /*#__PURE__*/ function(EngineObject) {
-    _inherits(ReferResource, EngineObject);
+ */ var ReferResource = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(ReferResource, EngineObject1);
     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));
@@ -627,7 +657,7 @@ __decorate([
         if (!force && this._refCount !== 0) {
             return false;
         }
-        EngineObject.prototype.destroy.call(this);
+        EngineObject1.prototype.destroy.call(this);
         return true;
     };
     /**
@@ -648,7 +678,7 @@ __decorate([
     /**
    * @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) {
@@ -781,11 +811,11 @@ __decorate([
     TextureWrapMode[TextureWrapMode[/** Mirror repeat mode. tiling will be mirrored and repeated if it exceeds the texture boundary. */ "Mirror"] = 2] = "Mirror";
 })(TextureWrapMode || (TextureWrapMode = {}));
 
-var GraphicsResource = /*#__PURE__*/ function(ReferResource) {
-    _inherits(GraphicsResource, ReferResource);
+var GraphicsResource = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(GraphicsResource, ReferResource1);
     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;
@@ -794,7 +824,7 @@ var GraphicsResource = /*#__PURE__*/ function(ReferResource) {
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        ReferResource.prototype._onDestroy.call(this);
+        ReferResource1.prototype._onDestroy.call(this);
         this.engine.resourceManager._deleteGraphicResource(this);
     };
     _create_class(GraphicsResource, [
@@ -846,11 +876,11 @@ var Logger = {
 
 /**
  * The base class of texture, contains some common functions of texture-related classes.
- */ var Texture = /*#__PURE__*/ function(GraphicsResource) {
-    _inherits(Texture, GraphicsResource);
+ */ var Texture = /*#__PURE__*/ function(GraphicsResource1) {
+    _inherits(Texture, GraphicsResource1);
     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;
@@ -887,7 +917,7 @@ var Logger = {
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        GraphicsResource.prototype._onDestroy.call(this);
+        GraphicsResource1.prototype._onDestroy.call(this);
         this._platformTexture.destroy();
         this._platformTexture = null;
     };
@@ -1027,13 +1057,13 @@ var Logger = {
 
 /**
  * The render target used for off-screen rendering.
- */ var RenderTarget = /*#__PURE__*/ function(GraphicsResource) {
-    _inherits(RenderTarget, GraphicsResource);
+ */ var RenderTarget = /*#__PURE__*/ function(GraphicsResource1) {
+    _inherits(RenderTarget, GraphicsResource1);
     function RenderTarget(engine, width, height, renderTexture, depth, antiAliasing) {
         if (depth === void 0) depth = 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;
@@ -1089,7 +1119,7 @@ var Logger = {
    * @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++){
@@ -1175,14 +1205,14 @@ var Logger = {
 
 /**
  * Two-dimensional texture.
- */ var Texture2D = /*#__PURE__*/ function(Texture) {
-    _inherits(Texture2D, Texture);
+ */ var Texture2D = /*#__PURE__*/ function(Texture1) {
+    _inherits(Texture2D, Texture1);
     function Texture2D(engine, width, height, format, mipmap, usage) {
         if (format === void 0) format = TextureFormat.R8G8B8A8;
         if (mipmap === void 0) mipmap = true;
         if (usage === void 0) usage = 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;
@@ -1245,20 +1275,20 @@ var Logger = {
    * @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) {
-    _inherits(Texture2DArray, Texture);
+ */ var Texture2DArray = /*#__PURE__*/ function(Texture1) {
+    _inherits(Texture2DArray, Texture1);
     function Texture2DArray(engine, width, height, length, format, mipmap) {
         if (format === void 0) format = 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;
@@ -1323,7 +1353,7 @@ var Logger = {
    * @internal
    */ _proto._rebuild = function _rebuild() {
         this._platformTexture = this._engine._hardwareRenderer.createPlatformTexture2DArray(this);
-        Texture.prototype._rebuild.call(this);
+        Texture1.prototype._rebuild.call(this);
     };
     _create_class(Texture2DArray, [
         {
@@ -1340,13 +1370,13 @@ var Logger = {
 
 /**
  * Cube texture.
- */ var TextureCube = /*#__PURE__*/ function(Texture) {
-    _inherits(TextureCube, Texture);
+ */ var TextureCube = /*#__PURE__*/ function(Texture1) {
+    _inherits(TextureCube, Texture1);
     function TextureCube(engine, size, format, mipmap) {
         if (format === void 0) format = 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;
@@ -1409,18 +1439,18 @@ var Logger = {
    * @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) {
-    _inherits(FontAtlas, ReferResource);
+ */ var FontAtlas = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(FontAtlas, ReferResource1);
     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;
@@ -1483,7 +1513,7 @@ var Logger = {
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        ReferResource.prototype._onDestroy.call(this);
+        ReferResource1.prototype._onDestroy.call(this);
         this.texture.destroy();
         this.texture = null;
         this._charInfoMap = {};
@@ -2032,12 +2062,12 @@ var Logger = {
 
 /**
  * Font.
- */ var Font = /*#__PURE__*/ function(ReferResource) {
-    _inherits(Font, ReferResource);
+ */ var Font = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(Font, ReferResource1);
     function Font(engine, name) {
         if (name === void 0) name = "";
         var _this;
-        _this = ReferResource.call(this, engine) || this;
+        _this = ReferResource1.call(this, engine) || this;
         _this._name = "";
         _this._subFontMap = {};
         _this._name = name;
@@ -2060,7 +2090,7 @@ var Logger = {
     /**
    * @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();
@@ -2289,8 +2319,9 @@ var Logger = {
     /**
    * @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(ShaderProperty, [
         {
@@ -2500,11 +2531,11 @@ var ActiveChangeFlag;
 
 /**
  * The base class of the components.
- */ var Component = /*#__PURE__*/ function(EngineObject) {
-    _inherits(Component, EngineObject);
+ */ var Component = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(Component, EngineObject1);
     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;
@@ -2572,7 +2603,7 @@ var ActiveChangeFlag;
     /**
    * @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) {
@@ -3048,11 +3079,11 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
 
 /**
  * Bool update flag.
- */ var BoolUpdateFlag = /*#__PURE__*/ function(UpdateFlag) {
-    _inherits(BoolUpdateFlag, UpdateFlag);
+ */ var BoolUpdateFlag = /*#__PURE__*/ function(UpdateFlag1) {
+    _inherits(BoolUpdateFlag, UpdateFlag1);
     function BoolUpdateFlag() {
         var _this;
-        _this = UpdateFlag.apply(this, arguments) || this;
+        _this = UpdateFlag1.apply(this, arguments) || this;
         /** Bool flag. */ _this.flag = true;
         return _this;
     }
@@ -3128,11 +3159,11 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
 
 /**
  * Used to implement transformation related functions.
- */ var Transform = /*#__PURE__*/ function(Component) {
-    _inherits(Transform, Component);
+ */ var Transform = /*#__PURE__*/ function(Component1) {
+    _inherits(Transform, Component1);
     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();
@@ -3318,7 +3349,7 @@ var rePropName$1 = RegExp(// Match anything that isn't a dot or bracket.
         return isInvert;
     };
     _proto._onDestroy = function _onDestroy() {
-        Component.prototype._onDestroy.call(this);
+        Component1.prototype._onDestroy.call(this);
         //@ts-ignore
         this._worldPosition._onValueChanged = null;
         //@ts-ignore
@@ -3951,11 +3982,11 @@ var ComponentCloner = /*#__PURE__*/ function() {
 
 /**
  * Entity, be used as components container.
- */ var Entity = /*#__PURE__*/ function(EngineObject) {
-    _inherits(Entity, EngineObject);
+ */ var Entity = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(Entity, EngineObject1);
     function Entity(engine, name) {
         var _this;
-        _this = EngineObject.call(this, engine) || this;
+        _this = EngineObject1.call(this, engine) || this;
         /** The layer the entity belongs to. */ _this.layer = Layer.Layer0;
         /** @internal */ _this._isActiveInHierarchy = false;
         /** @internal */ _this._isActiveInScene = false;
@@ -4191,7 +4222,7 @@ var ComponentCloner = /*#__PURE__*/ function() {
         if (this._destroyed) {
             return;
         }
-        EngineObject.prototype.destroy.call(this);
+        EngineObject1.prototype.destroy.call(this);
         if (this._hookResource) {
             this._hookResource._addReferCount(-1);
             this._hookResource = null;
@@ -4206,11 +4237,11 @@ var ComponentCloner = /*#__PURE__*/ function() {
             children[0].destroy();
         }
         if (this._isRoot) {
-            this._scene._removeFromEntityList(this);
-            this._isRoot = false;
+            this._scene.removeRootEntity(this);
         } else {
-            this._removeFromParent();
+            this._setParent(null);
         }
+        this.isActive = false;
     };
     /**
    * @internal
@@ -4454,8 +4485,9 @@ var ComponentCloner = /*#__PURE__*/ function() {
                         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 {
@@ -4665,6 +4697,7 @@ var RenderStateElementKey;
     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";
 })(RenderStateElementKey || (RenderStateElementKey = {}));
 
 /**
@@ -5186,14 +5219,6 @@ var ShaderFactory = /*#__PURE__*/ function() {
         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.
@@ -5232,6 +5257,15 @@ var ShaderFactory = /*#__PURE__*/ function() {
     };
     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.
@@ -5279,6 +5313,16 @@ var ShaderFactory = /*#__PURE__*/ function() {
     _proto.getTagValue = function getTagValue(keyOrKeyName) {
         return this._tagsMap[typeof keyOrKeyName == "string" ? ShaderTagKey.getByName(keyOrKeyName)._uniqueId : keyOrKeyName._uniqueId];
     };
+    _create_class(ShaderPart, [
+        {
+            key: "name",
+            get: /**
+   * Name.
+   */ function get() {
+                return this._name;
+            }
+        }
+    ]);
     return ShaderPart;
 }();
 
@@ -5896,19 +5940,29 @@ var ShaderFactory = /*#__PURE__*/ function() {
 
 /**
  * Shader pass containing vertex and fragment source.
- */ var ShaderPass = /*#__PURE__*/ function(ShaderPart) {
-    _inherits(ShaderPass, ShaderPart);
-    function ShaderPass(vertexSource, fragmentSource, tags) {
-        if (tags === void 0) tags = {
-            pipelineStage: PipelineStage.Forward
-        };
+ */ var ShaderPass = /*#__PURE__*/ function(ShaderPart1) {
+    _inherits(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: PipelineStage.Forward
+            };
+        } else {
+            _this._name = "Default";
+            _this._vertexSource = nameOrVertexSource;
+            _this._fragmentSource = vertexSourceOrFragmentSource;
+            tags = fragmentSourceOrTags != null ? fragmentSourceOrTags : {
+                pipelineStage: PipelineStage.Forward
+            };
+        }
         for(var key in tags){
             _this.setTag(key, tags[key]);
         }
@@ -5937,7 +5991,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
             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);
@@ -5954,12 +6008,12 @@ var ShaderFactory = /*#__PURE__*/ function() {
 
 /**
  * Sub shader.
- */ var SubShader = /*#__PURE__*/ function(ShaderPart) {
-    _inherits(SubShader, ShaderPart);
+ */ var SubShader = /*#__PURE__*/ function(ShaderPart1) {
+    _inherits(SubShader, ShaderPart1);
     function SubShader(name, passes, tags) {
         var _this;
-        _this = ShaderPart.call(this) || this;
-        _this.name = name;
+        _this = ShaderPart1.call(this) || this;
+        _this._name = name;
         var passCount = passes.length;
         if (passCount < 1) {
             throw " count must large than 0.";
@@ -6533,6 +6587,11 @@ var ShaderFactory = /*#__PURE__*/ function() {
         this.depthState._applyShaderDataValue(renderStateDataMap, shaderData);
         this.stencilState._applyShaderDataValue(renderStateDataMap, shaderData);
         this.rasterState._applyShaderDataValue(renderStateDataMap, shaderData);
+        var renderQueueType = renderStateDataMap[RenderStateElementKey.RenderQueueType];
+        if (renderQueueType !== undefined) {
+            var _shaderData_getFloat;
+            this.renderQueueType = (_shaderData_getFloat = shaderData.getFloat(renderQueueType)) != null ? _shaderData_getFloat : RenderQueueType.Opaque;
+        }
     };
     /**
    * @internal
@@ -6597,14 +6656,24 @@ var ShaderFactory = /*#__PURE__*/ function() {
             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];
@@ -6734,6 +6803,9 @@ var ShaderFactory = /*#__PURE__*/ function() {
             case RenderStateElementKey.RasterStateSlopeScaledDepthBias:
                 renderState.rasterState.slopeScaledDepthBias = value;
                 break;
+            case RenderStateElementKey.RenderQueueType:
+                renderState.renderQueueType = value;
+                break;
         }
     };
     Shader.getMacroByName = function getMacroByName(name, value) {
@@ -6763,13 +6835,6 @@ var ShaderFactory = /*#__PURE__*/ function() {
 (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);
 })();
@@ -7100,11 +7165,11 @@ var RenderElement = /*#__PURE__*/ function() {
 
 // @ts-ignore
 var _Renderer;
-var Renderer = (_Renderer = /*#__PURE__*/ function(Component) {
-    _inherits(Renderer1, Component);
+var Renderer = (_Renderer = /*#__PURE__*/ function(Component1) {
+    _inherits(Renderer1, Component1);
     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();
@@ -7250,7 +7315,7 @@ var Renderer = (_Renderer = /*#__PURE__*/ function(Component) {
     /**
    * @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;
@@ -7648,11 +7713,11 @@ SimpleSpriteAssembler = __decorate([
 
 /**
  * A component for masking Sprites.
- */ var SpriteMask = /*#__PURE__*/ function(Renderer) {
-    _inherits(SpriteMask, Renderer);
+ */ var SpriteMask = /*#__PURE__*/ function(Renderer1) {
+    _inherits(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 = SpriteMaskLayer.Everything;
         _this._sprite = null;
         _this._automaticWidth = 0;
@@ -7673,7 +7738,7 @@ SimpleSpriteAssembler = __decorate([
     /**
    * @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;
     };
     /**
@@ -7716,7 +7781,7 @@ SimpleSpriteAssembler = __decorate([
    * @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);
@@ -8161,13 +8226,13 @@ var BufferUtil = /*#__PURE__*/ function() {
 
 /**
  * Buffer.
- */ var Buffer = /*#__PURE__*/ function(GraphicsResource) {
-    _inherits(Buffer, GraphicsResource);
+ */ var Buffer = /*#__PURE__*/ function(GraphicsResource1) {
+    _inherits(Buffer, GraphicsResource1);
     function Buffer(engine, type, byteLengthOrData, bufferUsage, readable) {
         if (bufferUsage === void 0) bufferUsage = 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;
@@ -8234,7 +8299,7 @@ var BufferUtil = /*#__PURE__*/ function() {
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        GraphicsResource.prototype._onDestroy.call(this);
+        GraphicsResource1.prototype._onDestroy.call(this);
         this._platformBuffer.destroy();
     };
     _create_class(Buffer, [
@@ -8358,11 +8423,11 @@ var BufferUtil = /*#__PURE__*/ function() {
 /**
  * @internal
  * Primitive.
- */ var Primitive = /*#__PURE__*/ function(GraphicsResource) {
-    _inherits(Primitive, GraphicsResource);
+ */ var Primitive = /*#__PURE__*/ function(GraphicsResource1) {
+    _inherits(Primitive, GraphicsResource1);
     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 = [];
@@ -8427,9 +8492,9 @@ var BufferUtil = /*#__PURE__*/ function() {
         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;
@@ -8452,8 +8517,9 @@ var BufferUtil = /*#__PURE__*/ function() {
         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);
@@ -8461,7 +8527,7 @@ var BufferUtil = /*#__PURE__*/ function() {
             } 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) {
@@ -8470,7 +8536,7 @@ var BufferUtil = /*#__PURE__*/ function() {
     };
     _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;
@@ -8505,11 +8571,11 @@ var BufferUtil = /*#__PURE__*/ function() {
 
 /**
  * Mesh.
- */ var Mesh = /*#__PURE__*/ function(ReferResource) {
-    _inherits(Mesh, ReferResource);
+ */ var Mesh = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(Mesh, ReferResource1);
     function Mesh(engine, name) {
         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 = [];
@@ -8584,13 +8650,13 @@ var BufferUtil = /*#__PURE__*/ function() {
         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();
     };
     /**
@@ -8836,10 +8902,10 @@ var BlendShapeFrameDirty;
 
 /**
  * BufferMesh.
- */ var BufferMesh = /*#__PURE__*/ function(Mesh) {
-    _inherits(BufferMesh, Mesh);
+ */ var BufferMesh = /*#__PURE__*/ function(Mesh1) {
+    _inherits(BufferMesh, Mesh1);
     function BufferMesh() {
-        return Mesh.apply(this, arguments);
+        return Mesh1.apply(this, arguments);
     }
     var _proto = BufferMesh.prototype;
     /**
@@ -8922,11 +8988,11 @@ var BlendShapeFrameDirty;
 
 /**
  * MeshRenderer Component.
- */ var MeshRenderer = /*#__PURE__*/ function(Renderer) {
-    _inherits(MeshRenderer, Renderer);
+ */ var MeshRenderer = /*#__PURE__*/ function(Renderer1) {
+    _inherits(MeshRenderer, Renderer1);
     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;
@@ -8935,7 +9001,7 @@ var BlendShapeFrameDirty;
     /**
    * @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);
@@ -8946,7 +9012,7 @@ var BlendShapeFrameDirty;
     /**
    * @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;
     };
     /**
@@ -8956,7 +9022,7 @@ var BlendShapeFrameDirty;
             Logger.error("mesh is null.");
             return;
         }
-        Renderer.prototype._prepareRender.call(this, context);
+        Renderer1.prototype._prepareRender.call(this, context);
     };
     /**
    * @internal
@@ -9569,11 +9635,11 @@ var /**
 
 /**
  * Mesh containing common vertex elements of the model.
- */ var ModelMesh = /*#__PURE__*/ function(Mesh) {
-    _inherits(ModelMesh, Mesh);
+ */ var ModelMesh = /*#__PURE__*/ function(Mesh1) {
+    _inherits(ModelMesh, Mesh1);
     function ModelMesh(engine, name) {
         var _this;
-        _this = Mesh.call(this, engine) || this;
+        _this = Mesh1.call(this, engine) || this;
         /** @internal */ _this._internalVertexBufferIndex = -1;
         _this._vertexCount = 0;
         _this._vertexCountDirty = false;
@@ -9616,13 +9682,14 @@ var /**
    * 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;
     };
     /**
@@ -9949,9 +10016,10 @@ var /**
             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);
@@ -9966,7 +10034,8 @@ var /**
             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, BufferBindFlag.IndexBuffer, indices);
                     this._setIndexBufferBinding(new IndexBufferBinding(newIndexBuffer, this._indicesFormat));
                 } else {
@@ -10076,7 +10145,7 @@ var /**
         // 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;
@@ -10108,7 +10177,7 @@ var /**
     /**
    * @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) {
@@ -10184,13 +10253,14 @@ var /**
         });
     };
     _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;
         }
@@ -10344,11 +10414,12 @@ var /**
         });
     };
     _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;
         }
@@ -10644,11 +10715,11 @@ var VertexElementIndex;
 
 /**
  * @internal
- */ var PrimitiveMeshRestorer = /*#__PURE__*/ function(ContentRestorer) {
-    _inherits(PrimitiveMeshRestorer, ContentRestorer);
+ */ var PrimitiveMeshRestorer = /*#__PURE__*/ function(ContentRestorer1) {
+    _inherits(PrimitiveMeshRestorer, ContentRestorer1);
     function PrimitiveMeshRestorer(resource, primitiveInfo) {
         var _this;
-        _this = ContentRestorer.call(this, resource) || this;
+        _this = ContentRestorer1.call(this, resource) || this;
         _this.primitiveInfo = primitiveInfo;
         return _this;
     }
@@ -11653,11 +11724,11 @@ var PrimitiveType;
 
 /**
  * Mesh skin data, equal glTF skins define
- */ var Skin = /*#__PURE__*/ function(EngineObject) {
-    _inherits(Skin, EngineObject);
+ */ var Skin = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(Skin, EngineObject1);
     function Skin(name) {
         var _this;
-        _this = EngineObject.call(this, null) || this;
+        _this = EngineObject1.call(this, null) || this;
         _this.name = name;
         _this._bones = [];
         _this.inverseBindMatrices = []; // inverse bind matrix array
@@ -11670,11 +11741,11 @@ var PrimitiveType;
 
 /**
  * SkinnedMeshRenderer.
- */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer) {
-    _inherits(SkinnedMeshRenderer, MeshRenderer);
+ */ var SkinnedMeshRenderer = /*#__PURE__*/ function(MeshRenderer1) {
+    _inherits(SkinnedMeshRenderer, MeshRenderer1);
     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;
@@ -11772,7 +11843,7 @@ var PrimitiveType;
    * @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;
@@ -11787,7 +11858,7 @@ var PrimitiveType;
     /**
    * @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) {
@@ -11821,7 +11892,7 @@ var PrimitiveType;
             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() {
@@ -11930,11 +12001,11 @@ var PrimitiveType;
             },
             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) {
@@ -12180,10 +12251,10 @@ var Basic2DBatcher = /*#__PURE__*/ function() {
     Basic2DBatcher._canUploadSameBuffer = true;
 })();
 
-var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher) {
-    _inherits(SpriteMaskBatcher, Basic2DBatcher);
+var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher1) {
+    _inherits(SpriteMaskBatcher, Basic2DBatcher1);
     function SpriteMaskBatcher() {
-        return Basic2DBatcher.apply(this, arguments);
+        return Basic2DBatcher1.apply(this, arguments);
     }
     var _proto = SpriteMaskBatcher.prototype;
     _proto.createVertexElements = function createVertexElements(vertexElements) {
@@ -12252,7 +12323,7 @@ var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher) {
             program.uploadAll(program.rendererUniformBlock, renderer.shaderData);
             program.uploadAll(program.materialUniformBlock, material.shaderData);
             material.renderState._apply(engine, false, pass._renderStateDataMap, material.shaderData);
-            engine._hardwareRenderer.drawPrimitive(mesh, subMesh, program);
+            engine._hardwareRenderer.drawPrimitive(mesh._primitive, subMesh, program);
         }
     };
     return SpriteMaskBatcher;
@@ -12320,11 +12391,11 @@ var SpriteMaskBatcher = /*#__PURE__*/ function(Basic2DBatcher) {
     return SpriteMaskManager;
 }();
 
-var SpriteMaskRenderData = /*#__PURE__*/ function(RenderData) {
-    _inherits(SpriteMaskRenderData, RenderData);
+var SpriteMaskRenderData = /*#__PURE__*/ function(RenderData1) {
+    _inherits(SpriteMaskRenderData, RenderData1);
     function SpriteMaskRenderData() {
         var _this;
-        _this = RenderData.call(this) || this;
+        _this = RenderData1.call(this) || this;
         _this.isAdd = true;
         _this.multiRenderData = false;
         return _this;
@@ -12341,11 +12412,11 @@ var SpriteMaskRenderData = /*#__PURE__*/ function(RenderData) {
     return SpriteMaskRenderData;
 }(RenderData);
 
-var SpriteRenderData = /*#__PURE__*/ function(RenderData) {
-    _inherits(SpriteRenderData, RenderData);
+var SpriteRenderData = /*#__PURE__*/ function(RenderData1) {
+    _inherits(SpriteRenderData, RenderData1);
     function SpriteRenderData() {
         var _this;
-        _this = RenderData.call(this) || this;
+        _this = RenderData1.call(this) || this;
         _this.multiRenderData = false;
         return _this;
     }
@@ -12364,11 +12435,11 @@ var SpriteRenderData = /*#__PURE__*/ function(RenderData) {
     return SpriteRenderData;
 }(RenderData);
 
-var TextRenderData = /*#__PURE__*/ function(RenderData) {
-    _inherits(TextRenderData, RenderData);
+var TextRenderData = /*#__PURE__*/ function(RenderData1) {
+    _inherits(TextRenderData, RenderData1);
     function TextRenderData() {
         var _this;
-        _this = RenderData.call(this) || this;
+        _this = RenderData1.call(this) || this;
         _this.charsData = [];
         _this.multiRenderData = true;
         return _this;
@@ -12414,6 +12485,7 @@ var TextRenderData = /*#__PURE__*/ function(RenderData) {
     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";
 })(AssetType || (AssetType = {}));
 
 var SafeLoopArray = /*#__PURE__*/ function() {
@@ -13700,11 +13772,11 @@ SystemInfo._initialize();
     CameraClearFlags[CameraClearFlags[/* Clear color with scene background, depth, and stencil. */ "All"] = 0x7] = "All";
 })(CameraClearFlags || (CameraClearFlags = {}));
 
-var Collider = /*#__PURE__*/ function(Component) {
-    _inherits(Collider, Component);
+var Collider = /*#__PURE__*/ function(Component1) {
+    _inherits(Collider, Component1);
     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();
@@ -13779,7 +13851,7 @@ var Collider = /*#__PURE__*/ function(Component) {
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        Component.prototype._onDestroy.call(this);
+        Component1.prototype._onDestroy.call(this);
         this.clearShapes();
         this._nativeCollider.destroy();
     };
@@ -14085,11 +14157,11 @@ var Collision = function Collision() {
 
 /**
  * The character controllers.
- */ var CharacterController = /*#__PURE__*/ function(Collider) {
-    _inherits(CharacterController, Collider);
+ */ var CharacterController = /*#__PURE__*/ function(Collider1) {
+    _inherits(CharacterController, Collider1);
     function CharacterController(entity) {
         var _this;
-        _this = Collider.call(this, entity) || this;
+        _this = Collider1.call(this, entity) || this;
         _this._stepOffset = 0.5;
         _this._nonWalkableMode = ControllerNonWalkableMode.PreventClimbing;
         _this._upDirection = new Vector3(0, 1, 0);
@@ -14117,14 +14189,14 @@ var Collision = function Collision() {
         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]);
         }
     };
     /**
@@ -14224,11 +14296,11 @@ var Collision = function Collision() {
 
 /**
  * A dynamic collider can act with self-defined movement or physical force.
- */ var DynamicCollider = /*#__PURE__*/ function(Collider) {
-    _inherits(DynamicCollider, Collider);
+ */ var DynamicCollider = /*#__PURE__*/ function(Collider1) {
+    _inherits(DynamicCollider, Collider1);
     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();
@@ -14633,11 +14705,11 @@ var DynamicColliderConstraints;
 /**
  * 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) {
-    _inherits(StaticCollider, Collider);
+ */ var StaticCollider = /*#__PURE__*/ function(Collider1) {
+    _inherits(StaticCollider, Collider1);
     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;
@@ -14663,11 +14735,11 @@ var DynamicColliderConstraints;
     ControllerCollisionFlag[ControllerCollisionFlag[/** Character has collision below. */ "Down"] = 4] = "Down";
 })(ControllerCollisionFlag || (ControllerCollisionFlag = {}));
 
-var Joint = /*#__PURE__*/ function(Component) {
-    _inherits(Joint, Component);
+var Joint = /*#__PURE__*/ function(Component1) {
+    _inherits(Joint, Component1);
     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;
@@ -14806,10 +14878,10 @@ Joint = __decorate([
 
 /*
  * A fixed joint permits no relative movement between two colliders. ie the colliders are glued together.
- */ var FixedJoint = /*#__PURE__*/ function(Joint) {
-    _inherits(FixedJoint, Joint);
+ */ var FixedJoint = /*#__PURE__*/ function(Joint1) {
+    _inherits(FixedJoint, Joint1);
     function FixedJoint() {
-        return Joint.apply(this, arguments);
+        return Joint1.apply(this, arguments);
     }
     var _proto = FixedJoint.prototype;
     /**
@@ -14827,20 +14899,21 @@ Joint = __decorate([
  * @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) {
-    _inherits(HingeJoint, Joint);
+ */ var HingeJoint = /*#__PURE__*/ function(Joint1) {
+    _inherits(HingeJoint, Joint1);
     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;
     }
@@ -14909,9 +14982,9 @@ Joint = __decorate([
             },
             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);
             }
         },
         {
@@ -14923,9 +14996,9 @@ Joint = __decorate([
             },
             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);
             }
         },
         {
@@ -14983,11 +15056,11 @@ Joint = __decorate([
 
 /**
  * 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) {
-    _inherits(SpringJoint, Joint);
+ */ var SpringJoint = /*#__PURE__*/ function(Joint1) {
+    _inherits(SpringJoint, Joint1);
     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;
@@ -15242,11 +15315,11 @@ Joint = __decorate([
 
 /**
  * Physical collider shape for box.
- */ var BoxColliderShape = /*#__PURE__*/ function(ColliderShape) {
-    _inherits(BoxColliderShape, ColliderShape);
+ */ var BoxColliderShape = /*#__PURE__*/ function(ColliderShape1) {
+    _inherits(BoxColliderShape, ColliderShape1);
     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));
@@ -15278,11 +15351,11 @@ Joint = __decorate([
 
 /**
  * Physical collider shape for sphere.
- */ var SphereColliderShape = /*#__PURE__*/ function(ColliderShape) {
-    _inherits(SphereColliderShape, ColliderShape);
+ */ var SphereColliderShape = /*#__PURE__*/ function(ColliderShape1) {
+    _inherits(SphereColliderShape, ColliderShape1);
     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;
@@ -15308,11 +15381,11 @@ Joint = __decorate([
 
 /**
  * Physical collider shape plane.
- */ var PlaneColliderShape = /*#__PURE__*/ function(ColliderShape) {
-    _inherits(PlaneColliderShape, ColliderShape);
+ */ var PlaneColliderShape = /*#__PURE__*/ function(ColliderShape1) {
+    _inherits(PlaneColliderShape, ColliderShape1);
     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;
     }
@@ -15321,11 +15394,11 @@ Joint = __decorate([
 
 /**
  * Physical collider shape for capsule.
- */ var CapsuleColliderShape = /*#__PURE__*/ function(ColliderShape) {
-    _inherits(CapsuleColliderShape, ColliderShape);
+ */ var CapsuleColliderShape = /*#__PURE__*/ function(ColliderShape1) {
+    _inherits(CapsuleColliderShape, ColliderShape1);
     function CapsuleColliderShape() {
         var _this;
-        _this = ColliderShape.call(this) || this;
+        _this = ColliderShape1.call(this) || this;
         _this._radius = 1;
         _this._height = 2;
         _this._upAxis = ColliderShapeUpAxis.Y;
@@ -15407,44 +15480,55 @@ Joint = __decorate([
     /**
    * @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 === PointerPhase.Leave) {
-                    pointers.splice(i, 1);
-                }
+        for(var i = pointers.length - 1; i >= 0; i--){
+            if (pointers[i].phase === 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 = 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;
         }
     };
     /**
@@ -15543,42 +15627,14 @@ Joint = __decorate([
         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;
@@ -15912,11 +15968,11 @@ Joint = __decorate([
 
 /**
  * Material.
- */ var Material = /*#__PURE__*/ function(ReferResource) {
-    _inherits(Material, ReferResource);
+ */ var Material = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(Material, ReferResource1);
     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);
@@ -15941,13 +15997,13 @@ Joint = __decorate([
     };
     _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;
@@ -16094,43 +16150,6 @@ Joint = __decorate([
     return ParticleBufferUtils;
 }();
 
-function _array_like_to_array(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(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 _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(o, minLen);
-}
-
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-
 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
@@ -16183,10 +16202,10 @@ var unlitVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#in
  */ var ShaderPool = /*#__PURE__*/ function() {
     function ShaderPool() {}
     ShaderPool.init = function init() {
-        var shadowCasterPass = new ShaderPass(shadowMapVs, shadowMapFs, {
+        var shadowCasterPass = new ShaderPass("ShadowCaster", shadowMapVs, shadowMapFs, {
             pipelineStage: PipelineStage.ShadowCaster
         });
-        var depthOnlyPass = new ShaderPass(depthOnlyVs, depthOnlyFs, {
+        var depthOnlyPass = new ShaderPass("DepthOnly", depthOnlyVs, depthOnlyFs, {
             pipelineStage: PipelineStage.DepthOnly
         });
         var basePasses = [
@@ -16196,35 +16215,27 @@ var unlitVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#in
         var forwardPassTags = {
             pipelineStage: PipelineStage.Forward
         };
-        Shader.create("blinn-phong", [
-            new ShaderPass(blinnPhongVs, blinnPhongFs, forwardPassTags)
-        ].concat(_to_consumable_array(basePasses)));
-        Shader.create("pbr", [
-            new ShaderPass(pbrVs, pbrFs, forwardPassTags)
-        ].concat(_to_consumable_array(basePasses)));
-        Shader.create("pbr-specular", [
-            new ShaderPass(pbrVs, pbrSpecularFs, forwardPassTags)
-        ].concat(_to_consumable_array(basePasses)));
-        Shader.create("unlit", [
-            new ShaderPass(unlitVs, unlitFs, forwardPassTags)
-        ].concat(_to_consumable_array(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;
@@ -16304,11 +16315,11 @@ var unlitVs = "#define GLSLIFY 1\n#include <common>\n#include <common_vert>\n#in
 ShaderPool.init();
 /**
  * Engine.
- */ var Engine = /*#__PURE__*/ function(EventDispatcher) {
-    _inherits(Engine, EventDispatcher);
+ */ var Engine = /*#__PURE__*/ function(EventDispatcher1) {
+    _inherits(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();
@@ -16407,9 +16418,6 @@ ShaderPool.init();
     /**
    * 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;
@@ -16459,7 +16467,9 @@ ShaderPool.init();
             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];
@@ -16924,7 +16934,7 @@ ShaderPool.init();
         program.uploadAll(program.materialUniformBlock, materialShaderData);
         program.uploadUnGroupTextures();
         renderState._apply(engine, false, pass._renderStateDataMap, materialShaderData);
-        rhi.drawPrimitive(mesh, mesh.subMesh, program);
+        rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
         cameraShaderData.setMatrix(RenderContext.vpMatrixProperty, originViewProjMatrix);
     };
     _create_class(Sky, [
@@ -16937,8 +16947,8 @@ ShaderPool.init();
             },
             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;
                 }
@@ -16953,8 +16963,8 @@ ShaderPool.init();
             },
             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;
                 }
@@ -17080,8 +17090,8 @@ ShaderPool.init();
             },
             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);
@@ -17305,11 +17315,11 @@ ShaderPool.init();
 
 /**
  * Ambient light.
- */ var AmbientLight = /*#__PURE__*/ function(ReferResource) {
-    _inherits(AmbientLight, ReferResource);
+ */ var AmbientLight = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(AmbientLight, ReferResource1);
     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;
@@ -17591,11 +17601,11 @@ ShaderPool.init();
 
 /**
  * Light base class.
- */ var Light = /*#__PURE__*/ function(Component) {
-    _inherits(Light, Component);
+ */ var Light = /*#__PURE__*/ function(Component1) {
+    _inherits(Light, Component1);
     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.
@@ -17670,11 +17680,11 @@ __decorate([
 
 /**
  * Directional light.
- */ var DirectLight = /*#__PURE__*/ function(Light) {
-    _inherits(DirectLight, Light);
+ */ var DirectLight = /*#__PURE__*/ function(Light1) {
+    _inherits(DirectLight, Light1);
     function DirectLight() {
         var _this;
-        _this = Light.apply(this, arguments) || this;
+        _this = Light1.apply(this, arguments) || this;
         _this._reverseDirection = new Vector3();
         return _this;
     }
@@ -17770,11 +17780,11 @@ __decorate([
 
 /**
  * Point light.
- */ var PointLight = /*#__PURE__*/ function(Light) {
-    _inherits(PointLight, Light);
+ */ var PointLight = /*#__PURE__*/ function(Light1) {
+    _inherits(PointLight, Light1);
     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;
     }
@@ -17868,11 +17878,11 @@ __decorate([
 
 /**
  * Spot light.
- */ var SpotLight = /*#__PURE__*/ function(Light) {
-    _inherits(SpotLight, Light);
+ */ var SpotLight = /*#__PURE__*/ function(Light1) {
+    _inherits(SpotLight, Light1);
     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;
@@ -18153,11 +18163,11 @@ __decorate([
 
 /**
  * Scene.
- */ var Scene = /*#__PURE__*/ function(EngineObject) {
-    _inherits(Scene, EngineObject);
+ */ var Scene = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(Scene, EngineObject1);
     function Scene(engine, name) {
         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 = ShadowResolution.Medium;
@@ -18384,7 +18394,7 @@ __decorate([
     /**
    * @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);
@@ -18585,11 +18595,11 @@ __decorate([
 
 /**
  * Script class, used for logic writing.
- */ var Script = /*#__PURE__*/ function(Component) {
-    _inherits(Script, Component);
+ */ var Script = /*#__PURE__*/ function(Component1) {
+    _inherits(Script, Component1);
     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;
@@ -18744,7 +18754,7 @@ __decorate([
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        Component.prototype._onDestroy.call(this);
+        Component1.prototype._onDestroy.call(this);
         this.scene._componentsManager.addPendingDestroyScript(this);
     };
     return Script;
@@ -18947,9 +18957,10 @@ var passNum = 0;
 /**
  * Render queue.
  */ var RenderQueue = /*#__PURE__*/ function() {
-    function RenderQueue(engine) {
+    function RenderQueue(engine, renderQueueType) {
         this.elements = [];
         this._initSpriteBatcher(engine);
+        this._renderQueueType = renderQueueType;
     }
     var _proto = RenderQueue.prototype;
     /**
@@ -18968,10 +18979,10 @@ var passNum = 0;
         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;
@@ -18984,6 +18995,7 @@ var passNum = 0;
                 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++){
@@ -18991,6 +19003,10 @@ var passNum = 0;
                     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;
@@ -19040,8 +19056,8 @@ var passNum = 0;
                             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);
                 }
@@ -19226,12 +19242,14 @@ var passNum = 0;
    * @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;
         }
@@ -19757,11 +19775,11 @@ var /**
 
 /**
  * Cascade shadow caster pass.
- */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass) {
-    _inherits(CascadedShadowCasterPass, PipelinePass);
+ */ var CascadedShadowCasterPass = /*#__PURE__*/ function(PipelinePass1) {
+    _inherits(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();
@@ -20033,9 +20051,9 @@ var /**
  * Culling results.
  */ var CullingResults = /*#__PURE__*/ function() {
     function CullingResults(engine) {
-        this.opaqueQueue = new RenderQueue(engine);
-        this.transparentQueue = new RenderQueue(engine);
-        this.alphaTestQueue = new RenderQueue(engine);
+        this.opaqueQueue = new RenderQueue(engine, RenderQueueType.Opaque);
+        this.transparentQueue = new RenderQueue(engine, RenderQueueType.Transparent);
+        this.alphaTestQueue = new RenderQueue(engine, RenderQueueType.AlphaTest);
     }
     var _proto = CullingResults.prototype;
     _proto.reset = function reset() {
@@ -20059,11 +20077,11 @@ var /**
 /**
  * @internal
  * Depth only pass.
- */ var DepthOnlyPass = /*#__PURE__*/ function(PipelinePass) {
-    _inherits(DepthOnlyPass, PipelinePass);
+ */ var DepthOnlyPass = /*#__PURE__*/ function(PipelinePass1) {
+    _inherits(DepthOnlyPass, PipelinePass1);
     function DepthOnlyPass(engine) {
         var _this;
-        _this = PipelinePass.call(this, engine) || this;
+        _this = PipelinePass1.call(this, engine) || this;
         _this._supportDepthTexture = engine._hardwareRenderer.canIUse(GLCapabilityType.depthTexture);
         return _this;
     }
@@ -20197,12 +20215,13 @@ var /**
         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;
@@ -20224,8 +20243,8 @@ var /**
                 }
                 cullingResults.transparentQueue.render(camera, pass.mask, 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);
     };
@@ -20245,23 +20264,24 @@ var /**
                 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;
             }
@@ -20297,7 +20317,7 @@ var /**
         program.uploadAll(program.materialUniformBlock, material.shaderData);
         program.uploadUnGroupTextures();
         (pass._renderState || material.renderState)._apply(engine, false, pass._renderStateDataMap, material.shaderData);
-        rhi.drawPrimitive(mesh, mesh.subMesh, program);
+        rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
     };
     _proto._callRender = function _callRender(context) {
         var engine = context.camera.engine;
@@ -20352,11 +20372,11 @@ var MathTemp = function MathTemp() {
 (function() {
     MathTemp.tempVec2 = new Vector2();
 })();
-var Camera = (_Camera = /*#__PURE__*/ function(Component) {
-    _inherits(Camera1, Component);
+var Camera = (_Camera = /*#__PURE__*/ function(Component1) {
+    _inherits(Camera1, Component1);
     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.
@@ -20584,7 +20604,7 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component) {
    * @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();
@@ -20852,8 +20872,8 @@ var Camera = (_Camera = /*#__PURE__*/ function(Component) {
             },
             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();
@@ -21111,11 +21131,11 @@ var MultiExecutor = /*#__PURE__*/ function() {
     RenderFace[RenderFace[/** Render double face. */ "Double"] = 2] = "Double";
 })(RenderFace || (RenderFace = {}));
 
-var BaseMaterial = /*#__PURE__*/ function(Material) {
-    _inherits(BaseMaterial, Material);
+var BaseMaterial = /*#__PURE__*/ function(Material1) {
+    _inherits(BaseMaterial, Material1);
     function BaseMaterial(engine, shader) {
         var _this;
-        _this = Material.call(this, engine, shader) || this;
+        _this = Material1.call(this, engine, shader) || this;
         _this._renderFace = RenderFace.Front;
         _this._isTransparent = false;
         _this._blendMode = BlendMode.Normal;
@@ -21204,7 +21224,7 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
    * 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;
@@ -21355,11 +21375,11 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
 
 /**
  * Blinn-phong Material.
- */ var BlinnPhongMaterial = /*#__PURE__*/ function(BaseMaterial) {
-    _inherits(BlinnPhongMaterial, BaseMaterial);
+ */ var BlinnPhongMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+    _inherits(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");
@@ -21549,11 +21569,11 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
 
 /**
  * PBR (Physically-Based Rendering) Material.
- */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial) {
-    _inherits(PBRBaseMaterial, BaseMaterial);
+ */ var PBRBaseMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+    _inherits(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");
@@ -21818,11 +21838,11 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
 
 /**
  * PBR (Metallic-Roughness Workflow) Material.
- */ var PBRMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-    _inherits(PBRMaterial, PBRBaseMaterial);
+ */ var PBRMaterial = /*#__PURE__*/ function(PBRBaseMaterial1) {
+    _inherits(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);
@@ -21908,11 +21928,11 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
 
 /**
  * PBR (Specular-Glossiness Workflow) Material.
- */ var PBRSpecularMaterial = /*#__PURE__*/ function(PBRBaseMaterial) {
-    _inherits(PBRSpecularMaterial, PBRBaseMaterial);
+ */ var PBRSpecularMaterial = /*#__PURE__*/ function(PBRBaseMaterial1) {
+    _inherits(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;
@@ -21986,11 +22006,11 @@ var BaseMaterial = /*#__PURE__*/ function(Material) {
 
 /**
  * Unlit Material.
- */ var UnlitMaterial = /*#__PURE__*/ function(BaseMaterial) {
-    _inherits(UnlitMaterial, BaseMaterial);
+ */ var UnlitMaterial = /*#__PURE__*/ function(BaseMaterial1) {
+    _inherits(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");
@@ -22072,11 +22092,11 @@ var TextVerticalAlignment;
 
 /**
  * Sprite Atlas.
- */ var SpriteAtlas = /*#__PURE__*/ function(ReferResource) {
-    _inherits(SpriteAtlas, ReferResource);
+ */ var SpriteAtlas = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(SpriteAtlas, ReferResource1);
     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;
@@ -22122,7 +22142,7 @@ var TextVerticalAlignment;
     /**
    * @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();
@@ -22165,8 +22185,8 @@ var TextVerticalAlignment;
 
 /**
  * 2D sprite.
- */ var Sprite = /*#__PURE__*/ function(ReferResource) {
-    _inherits(Sprite, ReferResource);
+ */ var Sprite = /*#__PURE__*/ function(ReferResource1) {
+    _inherits(Sprite, ReferResource1);
     function Sprite(engine, texture, region, pivot, border, name) {
         if (texture === void 0) texture = null;
         if (region === void 0) region = null;
@@ -22174,7 +22194,7 @@ var TextVerticalAlignment;
         if (border === void 0) border = null;
         if (name === void 0) name = null;
         var _this;
-        _this = ReferResource.call(this, engine) || this;
+        _this = ReferResource1.call(this, engine) || this;
         _this._automaticWidth = 0;
         _this._automaticHeight = 0;
         _this._customWidth = undefined;
@@ -22250,13 +22270,13 @@ var TextVerticalAlignment;
    * @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;
@@ -23018,11 +23038,11 @@ var TiledType;
 
 /**
  * Renders a Sprite for 2D graphics.
- */ var SpriteRenderer = /*#__PURE__*/ function(Renderer) {
-    _inherits(SpriteRenderer, Renderer);
+ */ var SpriteRenderer = /*#__PURE__*/ function(Renderer1) {
+    _inherits(SpriteRenderer, Renderer1);
     function SpriteRenderer(entity) {
         var _this;
-        _this = Renderer.call(this, entity) || this;
+        _this = Renderer1.call(this, entity) || this;
         _this._tileMode = SpriteTileMode.Continuous;
         _this._tiledAdaptiveThreshold = 0.5;
         _this._color = new Color$1(1, 1, 1, 1);
@@ -23045,7 +23065,7 @@ var TiledType;
     /**
    * @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;
@@ -23093,7 +23113,7 @@ var TiledType;
     /**
    * @internal
    */ _proto._onDestroy = function _onDestroy() {
-        Renderer.prototype._onDestroy.call(this);
+        Renderer1.prototype._onDestroy.call(this);
         var sprite = this._sprite;
         if (sprite) {
             sprite._addReferCount(-1);
@@ -23480,11 +23500,11 @@ var /**
 
 /**
  * Renders a text for 2D graphics.
- */ var TextRenderer = /*#__PURE__*/ function(Renderer) {
-    _inherits(TextRenderer, Renderer);
+ */ var TextRenderer = /*#__PURE__*/ function(Renderer1) {
+    _inherits(TextRenderer, Renderer1);
     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;
@@ -23519,7 +23539,7 @@ var /**
     /**
    * @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){
@@ -23535,7 +23555,7 @@ var /**
     /**
    * @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;
     };
@@ -23767,7 +23787,7 @@ var /**
     /**
    * @internal
    */ _proto._onTransformChanged = function _onTransformChanged(bit) {
-        Renderer.prototype._onTransformChanged.call(this, bit);
+        Renderer1.prototype._onTransformChanged.call(this, bit);
         this._setDirtyFlagTrue(0x4 | 0x8);
     };
     _create_class(TextRenderer, [
@@ -24347,11 +24367,11 @@ AnimationCurveOwner.registerAssembler(SkinnedMeshRenderer, "blendShapeWeights",
 
 /**
  * Stores keyframe based animations.
- */ var AnimationClip = /*#__PURE__*/ function(EngineObject) {
-    _inherits(AnimationClip, EngineObject);
+ */ var AnimationClip = /*#__PURE__*/ function(EngineObject1) {
+    _inherits(AnimationClip, EngineObject1);
     function AnimationClip(name) {
         var _this;
-        _this = EngineObject.call(this, null) || this;
+        _this = EngineObject1.call(this, null) || this;
         _this.name = name;
         _this./** @internal */ _curveBindings = [];
         _this._length = 0;
@@ -24360,18 +24380,27 @@ AnimationCurveOwner.registerAssembler(SkinnedMeshRenderer, "blendShapeWeights",
     }
     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.
@@ -24597,11 +24626,11 @@ AnimationCurveOwner.registerAssembler(SkinnedMeshRenderer, "blendShapeWeights",
 }();
 
 var _AnimationArrayCurve;
-var AnimationArrayCurve = (_AnimationArrayCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationArrayCurve, AnimationCurve);
+var AnimationArrayCurve = (_AnimationArrayCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationArrayCurve, AnimationCurve1);
     function AnimationArrayCurve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = [];
         return _this;
     }
@@ -24692,11 +24721,11 @@ AnimationArrayCurve = __decorate([
 ], AnimationArrayCurve);
 
 var _AnimationBoolCurve;
-var AnimationBoolCurve = (_AnimationBoolCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationBoolCurve, AnimationCurve);
+var AnimationBoolCurve = (_AnimationBoolCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationBoolCurve, AnimationCurve1);
     function AnimationBoolCurve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = false;
         return _this;
     }
@@ -24754,11 +24783,11 @@ AnimationBoolCurve = __decorate([
 ], AnimationBoolCurve);
 
 var _AnimationColorCurve;
-var AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationColorCurve, AnimationCurve);
+var AnimationColorCurve = (_AnimationColorCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationColorCurve, AnimationCurve1);
     function AnimationColorCurve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Color$1();
         return _this;
     }
@@ -24856,16 +24885,16 @@ AnimationColorCurve = __decorate([
 ], AnimationColorCurve);
 
 var _AnimationFloatArrayCurve;
-var AnimationFloatArrayCurve = (_AnimationFloatArrayCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationFloatArrayCurve, AnimationCurve);
+var AnimationFloatArrayCurve = (_AnimationFloatArrayCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationFloatArrayCurve, AnimationCurve1);
     function AnimationFloatArrayCurve() {
-        return AnimationCurve.apply(this, arguments);
+        return AnimationCurve1.apply(this, arguments);
     }
     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;
@@ -24961,11 +24990,11 @@ AnimationFloatArrayCurve = __decorate([
 ], AnimationFloatArrayCurve);
 
 var _AnimationFloatCurve;
-var AnimationFloatCurve = (_AnimationFloatCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationFloatCurve, AnimationCurve);
+var AnimationFloatCurve = (_AnimationFloatCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationFloatCurve, AnimationCurve1);
     function AnimationFloatCurve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = 0;
         return _this;
     }
@@ -25035,11 +25064,11 @@ AnimationFloatCurve = __decorate([
 ], AnimationFloatCurve);
 
 var _AnimationQuaternionCurve;
-var AnimationQuaternionCurve = (_AnimationQuaternionCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationQuaternionCurve1, AnimationCurve);
+var AnimationQuaternionCurve = (_AnimationQuaternionCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationQuaternionCurve1, AnimationCurve1);
     function AnimationQuaternionCurve1() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Quaternion();
         return _this;
     }
@@ -25144,11 +25173,11 @@ AnimationQuaternionCurve = __decorate([
 ], AnimationQuaternionCurve);
 
 var _AnimationVector2Curve;
-var AnimationVector2Curve = (_AnimationVector2Curve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationVector2Curve, AnimationCurve);
+var AnimationVector2Curve = (_AnimationVector2Curve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationVector2Curve, AnimationCurve1);
     function AnimationVector2Curve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Vector2();
         return _this;
     }
@@ -25234,11 +25263,11 @@ AnimationVector2Curve = __decorate([
 ], AnimationVector2Curve);
 
 var _AnimationVector3Curve;
-var AnimationVector3Curve = (_AnimationVector3Curve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationVector3Curve, AnimationCurve);
+var AnimationVector3Curve = (_AnimationVector3Curve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationVector3Curve, AnimationCurve1);
     function AnimationVector3Curve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Vector3();
         return _this;
     }
@@ -25336,11 +25365,11 @@ AnimationVector3Curve = __decorate([
 ], AnimationVector3Curve);
 
 var _AnimationVector4Curve;
-var AnimationVector4Curve = (_AnimationVector4Curve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationVector4Curve, AnimationCurve);
+var AnimationVector4Curve = (_AnimationVector4Curve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationVector4Curve, AnimationCurve1);
     function AnimationVector4Curve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Vector4();
         return _this;
     }
@@ -25438,10 +25467,10 @@ AnimationVector4Curve = __decorate([
 ], AnimationVector4Curve);
 
 var _AnimationRefCurve;
-var AnimationRefCurve = (_AnimationRefCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationRefCurve, AnimationCurve);
+var AnimationRefCurve = (_AnimationRefCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationRefCurve, AnimationCurve1);
     function AnimationRefCurve() {
-        return AnimationCurve.call(this);
+        return AnimationCurve1.call(this);
     }
     /**
    * @internal
@@ -25465,11 +25494,11 @@ AnimationRefCurve = __decorate([
 ], AnimationRefCurve);
 
 var _AnimationRectCurve;
-var AnimationRectCurve = (_AnimationRectCurve = /*#__PURE__*/ function(AnimationCurve) {
-    _inherits(AnimationRectCurve, AnimationCurve);
+var AnimationRectCurve = (_AnimationRectCurve = /*#__PURE__*/ function(AnimationCurve1) {
+    _inherits(AnimationRectCurve, AnimationCurve1);
     function AnimationRectCurve() {
         var _this;
-        _this = AnimationCurve.call(this) || this;
+        _this = AnimationCurve1.call(this) || this;
         _this._evaluateData.value = new Rect();
         return _this;
     }
@@ -25575,6 +25604,7 @@ var AnimatorLayerBlendingMode;
         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;
@@ -25631,11 +25661,11 @@ var AnimatorLayerBlendingMode;
 
 /**
  * The controller of the animation system.
- */ var Animator = /*#__PURE__*/ function(Component) {
-    _inherits(Animator, Component);
+ */ var Animator = /*#__PURE__*/ function(Component1) {
+    _inherits(Animator, Component1);
     function Animator(entity) {
         var _this;
-        _this = Component.call(this, entity) || this;
+        _this = Component1.call(this, entity) || this;
         /** Culling mode of this Animator. */ _this.cullingMode = AnimatorCullingMode.None;
         /** The playback speed of the Animator, 1.0 is normal playback speed. */ _this.speed = 1.0;
         /** @internal */ _this._onUpdateIndex = -1;
@@ -25699,7 +25729,7 @@ var AnimatorLayerBlendingMode;
         manuallyTransition.duration = normalizedTransitionDuration;
         manuallyTransition.offset = normalizedTimeOffset;
         manuallyTransition.destinationState = state;
-        if (this._crossFadeByTransition(manuallyTransition, layerIndex)) {
+        if (this._crossFadeByTransition(manuallyTransition, playLayerIndex)) {
             this.update(0);
         }
     };
@@ -25742,7 +25772,7 @@ var AnimatorLayerBlendingMode;
    * 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;
     };
     /**
@@ -25933,11 +25963,9 @@ var AnimatorLayerBlendingMode;
     _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 === 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);
@@ -25956,6 +25984,7 @@ var AnimatorLayerBlendingMode;
     _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;
@@ -25964,8 +25993,9 @@ var AnimatorLayerBlendingMode;
         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) {
@@ -25988,6 +26018,12 @@ var AnimatorLayerBlendingMode;
         } 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;
@@ -26014,8 +26050,9 @@ var AnimatorLayerBlendingMode;
         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;
@@ -26062,8 +26099,9 @@ var AnimatorLayerBlendingMode;
         // 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);
@@ -26091,8 +26129,9 @@ var AnimatorLayerBlendingMode;
         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);
@@ -26128,21 +26167,59 @@ var AnimatorLayerBlendingMode;
             }
         }
     };
-    _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) {
+            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;
         }
@@ -26150,10 +26227,10 @@ var AnimatorLayerBlendingMode;
             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);
@@ -26256,8 +26333,9 @@ var AnimatorLayerBlendingMode;
     _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);
             }
         }
@@ -26436,7 +26514,17 @@ __decorate([
    * 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.
@@ -26614,11 +26702,11 @@ var AnimatorConditionMode;
 
 /**
  * SkyBoxMaterial.
- */ var SkyBoxMaterial = /*#__PURE__*/ function(Material) {
-    _inherits(SkyBoxMaterial, Material);
+ */ var SkyBoxMaterial = /*#__PURE__*/ function(Material1) {
+    _inherits(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 = CullMode.Off;
@@ -26724,11 +26812,11 @@ var SunMode;
 })(SunMode || (SunMode = {}));
 /**
  * Sky procedural material.
- */ var SkyProceduralMaterial = /*#__PURE__*/ function(Material) {
-    _inherits(SkyProceduralMaterial, Material);
+ */ var SkyProceduralMaterial = /*#__PURE__*/ function(Material1) {
+    _inherits(SkyProceduralMaterial, Material1);
     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;
@@ -27276,11 +27364,11 @@ __decorate([
 
 /**
  * Color over lifetime module.
- */ var ColorOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(ColorOverLifetimeModule, ParticleGeneratorModule);
+ */ var ColorOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(ColorOverLifetimeModule, ParticleGeneratorModule1);
     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))
@@ -27439,11 +27527,11 @@ __decorate([
 
 /**
  * The EmissionModule of a Particle Generator.
- */ var EmissionModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(EmissionModule, ParticleGeneratorModule);
+ */ var EmissionModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(EmissionModule, ParticleGeneratorModule1);
     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);
@@ -27815,11 +27903,11 @@ __decorate([
 
 /**
  * Rotate particles throughout their lifetime.
- */ var RotationOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(RotationOverLifetimeModule, ParticleGeneratorModule);
+ */ var RotationOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(RotationOverLifetimeModule, ParticleGeneratorModule1);
     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);
@@ -28045,11 +28133,11 @@ __decorate([
 
 /**
  * Size over lifetime module.
- */ var SizeOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(SizeOverLifetimeModule, ParticleGeneratorModule);
+ */ var SizeOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(SizeOverLifetimeModule, ParticleGeneratorModule1);
     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)));
@@ -28157,11 +28245,11 @@ __decorate([
 
 /**
  * Texture sheet animation module.
- */ var TextureSheetAnimationModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(TextureSheetAnimationModule, ParticleGeneratorModule);
+ */ var TextureSheetAnimationModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(TextureSheetAnimationModule, ParticleGeneratorModule1);
     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;
@@ -28262,11 +28350,11 @@ var TextureSheetAnimationType;
 
 /**
  * Velocity over lifetime module.
- */ var VelocityOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule) {
-    _inherits(VelocityOverLifetimeModule, ParticleGeneratorModule);
+ */ var VelocityOverLifetimeModule = /*#__PURE__*/ function(ParticleGeneratorModule1) {
+    _inherits(VelocityOverLifetimeModule, ParticleGeneratorModule1);
     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);
@@ -28928,11 +29016,11 @@ __decorate([
 
 /**
  * Particle Renderer Component.
- */ var ParticleRenderer = /*#__PURE__*/ function(Renderer) {
-    _inherits(ParticleRenderer, Renderer);
+ */ var ParticleRenderer = /*#__PURE__*/ function(Renderer1) {
+    _inherits(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;
@@ -28967,7 +29055,7 @@ __decorate([
         if (generator._firstActiveElement === generator._firstFreeElement) {
             return;
         }
-        Renderer.prototype._prepareRender.call(this, context);
+        Renderer1.prototype._prepareRender.call(this, context);
     };
     /**
    * @internal
@@ -29056,9 +29144,10 @@ __decorate([
             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 === ParticleRenderMode.Mesh) {
                         this.generator._reorganizeGeometryBuffers();
                     }
@@ -29191,11 +29280,11 @@ __decorate([
 
 /**
  * Particle shape that emits particles from a box.
- */ var BoxShape = /*#__PURE__*/ function(BaseShape) {
-    _inherits(BoxShape, BaseShape);
+ */ var BoxShape = /*#__PURE__*/ function(BaseShape1) {
+    _inherits(BoxShape, BaseShape1);
     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;
@@ -29230,11 +29319,11 @@ __decorate([
 
 /**
  * Particle shape that emits particles from a circle.
- */ var CircleShape = /*#__PURE__*/ function(BaseShape) {
-    _inherits(CircleShape, BaseShape);
+ */ var CircleShape = /*#__PURE__*/ function(BaseShape1) {
+    _inherits(CircleShape, BaseShape1);
     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 = ParticleShapeArcMode.Random;
@@ -29271,11 +29360,11 @@ __decorate([
 
 /**
  * Cone shape.
- */ var ConeShape = /*#__PURE__*/ function(BaseShape) {
-    _inherits(ConeShape, BaseShape);
+ */ var ConeShape = /*#__PURE__*/ function(BaseShape1) {
+    _inherits(ConeShape, BaseShape1);
     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;
@@ -29336,11 +29425,11 @@ var ConeEmitType;
 
 /**
  * Particle shape that emits particles from a hemisphere.
- */ var HemisphereShape = /*#__PURE__*/ function(BaseShape) {
-    _inherits(HemisphereShape, BaseShape);
+ */ var HemisphereShape = /*#__PURE__*/ function(BaseShape1) {
+    _inherits(HemisphereShape, BaseShape1);
     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;
@@ -29361,11 +29450,11 @@ var ConeEmitType;
 
 /**
  * Particle shape that emits particles from a sphere.
- */ var SphereShape = /*#__PURE__*/ function(BaseShape) {
-    _inherits(SphereShape, BaseShape);
+ */ var SphereShape = /*#__PURE__*/ function(BaseShape1) {
+    _inherits(SphereShape, BaseShape1);
     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;
@@ -29387,11 +29476,11 @@ var FRAG_SHADER = "#define GLSLIFY 1\nvarying vec2 v_uv;uniform sampler2D u_text
 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) {
-    _inherits(TrailMaterial, Material);
+var TrailMaterial = /*#__PURE__*/ function(Material1) {
+    _inherits(TrailMaterial, Material1);
     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 = BlendFactor.SourceAlpha;
@@ -29405,11 +29494,11 @@ var TrailMaterial = /*#__PURE__*/ function(Material) {
 var _tempVector3 = new Vector3();
 /**
  * @deprecated
- */ var TrailRenderer = /*#__PURE__*/ function(MeshRenderer) {
-    _inherits(TrailRenderer, MeshRenderer);
+ */ var TrailRenderer = /*#__PURE__*/ function(MeshRenderer1) {
+    _inherits(TrailRenderer, MeshRenderer1);
     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;
@@ -29478,7 +29567,7 @@ var _tempVector3 = new Vector3();
         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);
@@ -29593,11 +29682,11 @@ var _tempVector3 = new Vector3();
  *   skybox.specularTexture = cubeTexture;
  * }
  * ```
- */ var Probe = /*#__PURE__*/ function(Script) {
-    _inherits(Probe, Script);
+ */ var Probe = /*#__PURE__*/ function(Script1) {
+    _inherits(Probe, Script1);
     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 = Layer.Everything;
@@ -29660,11 +29749,11 @@ var cacheUp = new Vector3();
 var cacheDir = new Vector3();
 /**
  * Cube probe, generate cubeTexture, used for dynamic environment reflection and other effects.
- */ var CubeProbe = /*#__PURE__*/ function(Probe) {
-    _inherits(CubeProbe, Probe);
+ */ var CubeProbe = /*#__PURE__*/ function(Probe1) {
+    _inherits(CubeProbe, Probe1);
     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);
@@ -29675,7 +29764,7 @@ var cacheDir = new Vector3();
     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++){
@@ -29684,7 +29773,7 @@ var cacheDir = new Vector3();
             camera.render(TextureCubeFace.PositiveX + faceIndex);
         }
         this._restoreCamera(camera);
-        Probe.prototype._reset.call(this);
+        Probe1.prototype._reset.call(this);
     };
     /**
    * Store original camera parameters.