@galacean/engine 1.3.24 → 1.3.26

package/dist/browser.js

@@ -5203,6 +5203,101 @@
         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;
     }
+    function __generator$1(thisArg, body) {
+        var verb = function verb(n) {
+            return function(v) {
+                return step([
+                    n,
+                    v
+                ]);
+            };
+        };
+        var step = function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while(g && (g = 0, op[0] && (_ = 0)), _)try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [
+                    op[0] & 2,
+                    t.value
+                ];
+                switch(op[0]){
+                    case 0:
+                    case 1:
+                        t = op;
+                        break;
+                    case 4:
+                        _.label++;
+                        return {
+                            value: op[1],
+                            done: false
+                        };
+                    case 5:
+                        _.label++;
+                        y = op[1];
+                        op = [
+                            0
+                        ];
+                        continue;
+                    case 7:
+                        op = _.ops.pop();
+                        _.trys.pop();
+                        continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                            _ = 0;
+                            continue;
+                        }
+                        if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                            _.label = op[1];
+                            break;
+                        }
+                        if (op[0] === 6 && _.label < t[1]) {
+                            _.label = t[1];
+                            t = op;
+                            break;
+                        }
+                        if (t && _.label < t[2]) {
+                            _.label = t[2];
+                            _.ops.push(op);
+                            break;
+                        }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop();
+                        continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) {
+                op = [
+                    6,
+                    e
+                ];
+                y = 0;
+            } finally{
+                f = t = 0;
+            }
+            if (op[0] & 5) throw op[1];
+            return {
+                value: op[0] ? op[1] : void 0,
+                done: true
+            };
+        };
+        var _ = {
+            label: 0,
+            sent: function sent() {
+                if (t[0] & 1) throw t[1];
+                return t[1];
+            },
+            trys: [],
+            ops: []
+        }, f, y, t, g;
+        return g = {
+            next: verb(0),
+            "throw": verb(1),
+            "return": verb(2)
+        }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+            return this;
+        }), g;
+    }
     typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
         var e = new Error(message);
         return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -8768,11 +8863,13 @@
         /**
        * @internal
        * @todo Should merge when we can delete material render state
-       */ _proto._applyRenderQueueByShaderData = function _applyRenderQueueByShaderData(renderStateDataMap, shaderData) {
+       */ _proto._getRenderQueueByShaderData = function _getRenderQueueByShaderData(renderStateDataMap, shaderData) {
             var renderQueueType = renderStateDataMap[exports.RenderStateDataKey.RenderQueueType];
-            if (renderQueueType !== undefined) {
+            if (renderQueueType === undefined) {
+                return this.renderQueueType;
+            } else {
                 var _shaderData_getFloat;
-                this.renderQueueType = (_shaderData_getFloat = shaderData.getFloat(renderQueueType)) != null ? _shaderData_getFloat : exports.RenderQueueType.Opaque;
+                return (_shaderData_getFloat = shaderData.getFloat(renderQueueType)) != null ? _shaderData_getFloat : exports.RenderQueueType.Opaque;
             }
         };
         _proto._applyStatesByShaderData = function _applyStatesByShaderData(renderStateDataMap, shaderData) {
@@ -9973,9 +10070,11 @@
             _this._rotation = new Vector3();
             _this._rotationQuaternion = new Quaternion();
             _this._scale = new Vector3(1, 1, 1);
+            _this._localUniformScaling = true;
             _this._worldPosition = new Vector3();
             _this._worldRotation = new Vector3();
             _this._worldRotationQuaternion = new Quaternion();
+            _this._worldUniformScaling = true;
             _this._lossyWorldScale = new Vector3(1, 1, 1);
             _this._localMatrix = new Matrix();
             _this._worldMatrix = new Matrix();
@@ -10143,7 +10242,7 @@
        * @internal
        */ _proto._parentChange = function _parentChange() {
             this._isParentDirty = true;
-            this._updateAllWorldFlag();
+            this._updateAllWorldFlag(0x1bc);
         };
         /**
        * @internal
@@ -10178,10 +10277,10 @@
        */ _proto._updateWorldPositionFlag = function _updateWorldPositionFlag() {
             if (!this._isContainDirtyFlags(0x84)) {
                 this._worldAssociatedChange(0x84);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateWorldPositionFlag();
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateWorldPositionFlag();
                 }
             }
         };
@@ -10190,14 +10289,19 @@
        * Get worldPosition: Will trigger the worldMatrix, local position update of itself and the worldMatrix update of all parent entities.
        * Get worldRotationQuaternion: Will trigger the world rotation (in quaternion) update of itself and all parent entities.
        * Get worldRotation: Will trigger the world rotation(in euler and quaternion) update of itself and world rotation(in quaternion) update of all parent entities.
+       * Get worldScale: Will trigger the scaling update of itself and all parent entities.
        * In summary, any update of related variables will cause the dirty mark of one of the full process (worldMatrix or worldRotationQuaternion) to be false.
        */ _proto._updateWorldRotationFlag = function _updateWorldRotationFlag() {
-            if (!this._isContainDirtyFlags(0x98)) {
-                this._worldAssociatedChange(0x98);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateWorldPositionAndRotationFlag(); // Rotation update of parent entity will trigger world position and rotation update of all child entity.
+            var parent = this._getParentTransform();
+            var parentWorldUniformScaling = parent ? parent._getWorldUniformScaling() : true;
+            var flags = parentWorldUniformScaling ? 0x98 : 0xb8;
+            if (!this._isContainDirtyFlags(flags)) {
+                this._worldAssociatedChange(flags);
+                flags = this._getWorldUniformScaling() ? 0x9c : 0xbc;
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateWorldPositionAndRotationFlag(flags); // Rotation update of parent entity will trigger world position, rotation and scale update of all child entity.
                 }
             }
         };
@@ -10206,14 +10310,17 @@
        * Get worldPosition: Will trigger the worldMatrix, local position update of itself and the worldMatrix update of all parent entities.
        * Get worldRotationQuaternion: Will trigger the world rotation (in quaternion) update of itself and all parent entities.
        * Get worldRotation: Will trigger the world rotation(in euler and quaternion) update of itself and world rotation(in quaternion) update of all parent entities.
+       * Get worldScale: Will trigger the scaling update of itself and all parent entities.
        * In summary, any update of related variables will cause the dirty mark of one of the full process (worldMatrix or worldRotationQuaternion) to be false.
-       */ _proto._updateWorldPositionAndRotationFlag = function _updateWorldPositionAndRotationFlag() {
-            if (!this._isContainDirtyFlags(0x9c)) {
-                this._worldAssociatedChange(0x9c);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateWorldPositionAndRotationFlag();
+       * @param flags - Dirty flag
+       */ _proto._updateWorldPositionAndRotationFlag = function _updateWorldPositionAndRotationFlag(flags) {
+            if (!this._isContainDirtyFlags(flags)) {
+                this._worldAssociatedChange(flags);
+                flags = this._getWorldUniformScaling() ? 0x9c : 0xbc;
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateWorldPositionAndRotationFlag(flags);
                 }
             }
         };
@@ -10222,13 +10329,15 @@
        * Get worldPosition: Will trigger the worldMatrix, local position update of itself and the worldMatrix update of all parent entities.
        * Get worldScale: Will trigger the scaling update of itself and all parent entities.
        * In summary, any update of related variables will cause the dirty mark of one of the full process (worldMatrix) to be false.
-       */ _proto._updateWorldScaleFlag = function _updateWorldScaleFlag() {
-            if (!this._isContainDirtyFlags(0xa0)) {
-                this._worldAssociatedChange(0xa0);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateWorldPositionAndScaleFlag();
+       * @param flags - Dirty flag
+       */ _proto._updateWorldScaleFlag = function _updateWorldScaleFlag(flags) {
+            if (!this._isContainDirtyFlags(flags)) {
+                this._worldAssociatedChange(flags);
+                flags |= 0x4;
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateWorldPositionAndScaleFlag(flags);
                 }
             }
         };
@@ -10237,25 +10346,27 @@
        * Get worldPosition: Will trigger the worldMatrix, local position update of itself and the worldMatrix update of all parent entities.
        * Get worldScale: Will trigger the scaling update of itself and all parent entities.
        * In summary, any update of related variables will cause the dirty mark of one of the full process (worldMatrix) to be false.
-       */ _proto._updateWorldPositionAndScaleFlag = function _updateWorldPositionAndScaleFlag() {
-            if (!this._isContainDirtyFlags(0xa4)) {
-                this._worldAssociatedChange(0xa4);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateWorldPositionAndScaleFlag();
+       * @param flags - Dirty flag
+       */ _proto._updateWorldPositionAndScaleFlag = function _updateWorldPositionAndScaleFlag(flags) {
+            if (!this._isContainDirtyFlags(flags)) {
+                this._worldAssociatedChange(flags);
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateWorldPositionAndScaleFlag(flags);
                 }
             }
         };
         /**
        * Update all world transform property dirty flag, the principle is the same as above.
-       */ _proto._updateAllWorldFlag = function _updateAllWorldFlag() {
-            if (!this._isContainDirtyFlags(0xbc)) {
-                this._worldAssociatedChange(0xbc);
-                var nodeChildren = this._entity._children;
-                for(var i = 0, n = nodeChildren.length; i < n; i++){
-                    var _nodeChildren_i_transform;
-                    (_nodeChildren_i_transform = nodeChildren[i].transform) == null ? void 0 : _nodeChildren_i_transform._updateAllWorldFlag();
+       * @param flags - Dirty flag
+       */ _proto._updateAllWorldFlag = function _updateAllWorldFlag(flags) {
+            if (!this._isContainDirtyFlags(flags)) {
+                this._worldAssociatedChange(flags);
+                var children = this._entity._children;
+                for(var i = 0, n = children.length; i < n; i++){
+                    var _children_i_transform;
+                    (_children_i_transform = children[i].transform) == null ? void 0 : _children_i_transform._updateAllWorldFlag(flags);
                 }
             }
         };
@@ -10303,7 +10414,7 @@
         };
         _proto._worldAssociatedChange = function _worldAssociatedChange(type) {
             this._dirtyFlag |= type;
-            this._updateFlagManager.dispatch(0x80);
+            this._updateFlagManager.dispatch(type);
         };
         _proto._rotateByQuat = function _rotateByQuat(rotateQuat, relativeToLocal) {
             if (relativeToLocal) {
@@ -10372,8 +10483,28 @@
             this._setDirtyFlagFalse(0x10);
         };
         _proto._onScaleChanged = function _onScaleChanged() {
+            var _this__scale = this._scale, x = _this__scale.x, y = _this__scale.y, z = _this__scale.z;
             this._setDirtyFlagTrue(0x40);
-            this._updateWorldScaleFlag();
+            var localUniformScaling = x == y && y == z;
+            if (this._localUniformScaling !== localUniformScaling) {
+                this._localUniformScaling = localUniformScaling;
+                this._updateWorldScaleFlag(0x1a0);
+            } else {
+                this._updateWorldScaleFlag(0xa0);
+            }
+        };
+        _proto._getWorldUniformScaling = function _getWorldUniformScaling() {
+            if (this._isContainDirtyFlag(0x100)) {
+                var localUniformScaling = this._localUniformScaling;
+                if (localUniformScaling) {
+                    var parent = this._getParentTransform();
+                    this._worldUniformScaling = localUniformScaling && (parent ? parent._getWorldUniformScaling() : true);
+                } else {
+                    this._worldUniformScaling = false;
+                }
+                this._setDirtyFlagFalse(0x100);
+            }
+            return this._worldUniformScaling;
         };
         _create_class$2(Transform, [
             {
@@ -10540,11 +10671,12 @@
                 key: "lossyWorldScale",
                 get: /**
        * Local lossy scaling.
-       * @remarks The value obtained may not be correct under certain conditions(for example, the parent node has scaling,
-       * and the child node has a rotation), the scaling will be tilted. Vector3 cannot be used to correctly represent the scaling. Must use Matrix3x3.
+       * @remarks The value obtained may not be correct under certain conditions(for example, the parent node has non-uniform world scaling,
+       * and the child node has a rotation), the scaling will be tilted.
        */ function get() {
                     if (this._isContainDirtyFlag(0x20)) {
                         if (this._getParentTransform()) {
+                            // Vector3 cannot be used to correctly represent the scaling. Must use Matrix3x3
                             var scaleMat = this._getScaleMatrix();
                             var e = scaleMat.elements;
                             this._lossyWorldScale.set(e[0], e[4], e[8]);
@@ -10572,18 +10704,25 @@
                     if (this._localMatrix !== value) {
                         this._localMatrix.copyFrom(value);
                     }
+                    var _this = this, position = _this._position, rotationQuaternion = _this._rotationQuaternion, scale = _this._scale;
                     // @ts-ignore
-                    this._position._onValueChanged = this._rotationQuaternion._onValueChanged = this._scale._onValueChanged = null;
-                    this._localMatrix.decompose(this._position, this._rotationQuaternion, this._scale);
+                    position._onValueChanged = rotationQuaternion._onValueChanged = scale._onValueChanged = null;
+                    this._localMatrix.decompose(position, rotationQuaternion, scale);
                     // @ts-ignore
-                    this._position._onValueChanged = this._onPositionChanged;
+                    position._onValueChanged = this._onPositionChanged;
                     // @ts-ignore
-                    this._rotationQuaternion._onValueChanged = this._onRotationQuaternionChanged;
+                    rotationQuaternion._onValueChanged = this._onRotationQuaternionChanged;
                     // @ts-ignore
-                    this._scale._onValueChanged = this._onScaleChanged;
+                    scale._onValueChanged = this._onScaleChanged;
                     this._setDirtyFlagTrue(0x1);
                     this._setDirtyFlagFalse(0x40 | 0x2);
-                    this._updateAllWorldFlag();
+                    var localUniformScaling = scale.x === scale.y && scale.y === scale.z;
+                    if (this._localUniformScaling !== localUniformScaling) {
+                        this._localUniformScaling = localUniformScaling;
+                        this._updateAllWorldFlag(0x1bc);
+                    } else {
+                        this._updateAllWorldFlag(0xbc);
+                    }
                 }
             },
             {
@@ -10693,6 +10832,9 @@
     __decorate$1([
         deepClone
     ], Transform.prototype, "_scale", void 0);
+    __decorate$1([
+        assignmentClone
+    ], Transform.prototype, "_localUniformScaling", void 0);
     __decorate$1([
         deepClone
     ], Transform.prototype, "_worldPosition", void 0);
@@ -10702,6 +10844,9 @@
     __decorate$1([
         deepClone
     ], Transform.prototype, "_worldRotationQuaternion", void 0);
+    __decorate$1([
+        assignmentClone
+    ], Transform.prototype, "_worldUniformScaling", void 0);
     __decorate$1([
         deepClone
     ], Transform.prototype, "_lossyWorldScale", void 0);
@@ -10760,12 +10905,18 @@
         TransformModifyFlags[TransformModifyFlags["WorldScale"] = 0x20] = "WorldScale";
         TransformModifyFlags[TransformModifyFlags["LocalMatrix"] = 0x40] = "LocalMatrix";
         TransformModifyFlags[TransformModifyFlags["WorldMatrix"] = 0x80] = "WorldMatrix";
+        TransformModifyFlags[TransformModifyFlags[/** This is an internal flag used to assist in determining the dispatch
+       *  of world scaling dirty flags in the case of non-uniform scaling.
+       */ "IsWorldUniformScaling"] = 0x100] = "IsWorldUniformScaling";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldPosition */ "WmWp"] = 0x84] = "WmWp";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldEuler | WorldQuat */ "WmWeWq"] = 0x98] = "WmWeWq";
+        TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldEuler | WorldQuat | WorldScale*/ "WmWeWqWs"] = 0xb8] = "WmWeWqWs";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldPosition | WorldEuler | WorldQuat */ "WmWpWeWq"] = 0x9c] = "WmWpWeWq";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldScale */ "WmWs"] = 0xa0] = "WmWs";
+        TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldScale | WorldUniformScaling */ "WmWsWus"] = 0x1a0] = "WmWsWus";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldPosition | WorldScale */ "WmWpWs"] = 0xa4] = "WmWpWs";
         TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale */ "WmWpWeWqWs"] = 0xbc] = "WmWpWeWqWs";
+        TransformModifyFlags[TransformModifyFlags[/** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling */ "WmWpWeWqWsWus"] = 0x1bc] = "WmWpWeWqWsWus";
     })(TransformModifyFlags || (TransformModifyFlags = {}));
     // @ts-ignore
     var _Renderer;
@@ -13076,11 +13227,13 @@
        * @param viewport - Viewport
        * @param material - The material to use when blitting
        * @param passIndex - Pass index to use of the provided material
-       */ PipelineUtils.blitTexture = function blitTexture(engine, source, destination, mipLevel, viewport, material, passIndex) {
+       * @param flipYOfSource - Whether flip Y axis of source texture
+       */ PipelineUtils.blitTexture = function blitTexture(engine, source, destination, mipLevel, viewport, material, passIndex, flipYOfSource) {
             if (mipLevel === void 0) mipLevel = 0;
             if (viewport === void 0) viewport = PipelineUtils.defaultViewport;
             if (material === void 0) material = null;
             if (passIndex === void 0) passIndex = 0;
+            if (flipYOfSource === void 0) flipYOfSource = false;
             var basicResources = engine._basicResources;
             var blitMesh = destination ? basicResources.flipYBlitMesh : basicResources.blitMesh;
             var blitMaterial = material || basicResources.blitMaterial;
@@ -13094,9 +13247,15 @@
             rendererShaderData.setFloat(PipelineUtils._blitMipLevelProperty, mipLevel);
             PipelineUtils._texelSize.set(1 / source.width, 1 / source.height, source.width, source.height);
             rendererShaderData.setVector4(PipelineUtils._blitTexelSizeProperty, PipelineUtils._texelSize);
+            if (flipYOfSource) {
+                rendererShaderData.enableMacro(PipelineUtils._flipYTextureMacro);
+            } else {
+                rendererShaderData.disableMacro(PipelineUtils._flipYTextureMacro);
+            }
             var pass = blitMaterial.shader.subShaders[0].passes[passIndex];
             var compileMacros = Shader._compileMacros;
-            ShaderMacroCollection.unionCollection(context.camera._globalShaderMacro, blitMaterial.shaderData._macroCollection, compileMacros);
+            ShaderMacroCollection.unionCollection(context.camera._globalShaderMacro, rendererShaderData._macroCollection, compileMacros);
+            ShaderMacroCollection.unionCollection(compileMacros, blitMaterial.shaderData._macroCollection, compileMacros);
             var program = pass._getShaderProgram(engine, compileMacros);
             program.bind();
             program.groupingOtherUniformBlock();
@@ -13118,6 +13277,9 @@
         PipelineUtils._blitTexelSizeProperty = ShaderProperty.getByName("renderer_texelSize") // x: 1/width, y: 1/height, z: width, w: height
         ;
     })();
+    (function() {
+        PipelineUtils._flipYTextureMacro = ShaderMacro.getByName("renderer_FlipYBlitTexture");
+    })();
     (function() {
         PipelineUtils._rendererShaderData = new ShaderData(ShaderDataGroup.Renderer);
     })();
@@ -13231,7 +13393,7 @@
             /**
        * Multi-sample anti-aliasing samples when use independent canvas mode.
        *
-       * @remarks The `independentCanvasEnabled` property should be `true` to take effect, otherwise it will be invalid.
+       * @remarks It will take effect when `independentCanvasEnabled` property is `true`, otherwise it will be invalid.
        */ _this.msaaSamples = exports.MSAASamples.None;
             /** @internal */ _this._cameraType = exports.CameraType.Normal;
             /** @internal */ _this._globalShaderMacro = new ShaderMacroCollection();
@@ -13593,13 +13755,17 @@
                 key: "independentCanvasEnabled",
                 get: /**
        * Whether independent canvas is enabled.
-       *
        * @remarks If true, the msaa in viewport can turn or off independently by `msaaSamples` property.
        */ function get() {
-                    if (this.enableHDR || this.enablePostProcess && this.scene._postProcessManager.hasActiveEffect) {
+                    // Uber pass need internal RT
+                    if (this.enablePostProcess && this.scene._postProcessManager.hasActiveEffect) {
                         return true;
                     }
-                    return this.opaqueTextureEnabled && !this._renderTarget;
+                    if (this.enableHDR || this.opaqueTextureEnabled) {
+                        var _this_renderTarget;
+                        return this._getInternalColorTextureFormat() !== ((_this_renderTarget = this.renderTarget) == null ? void 0 : _this_renderTarget.getColorTexture(0).format);
+                    }
+                    return false;
                 }
             },
             {
@@ -14098,8 +14264,15 @@
                     if (shaderPass.getTagValue(pipelineStageKey) !== pipelineStageTagValue) {
                         continue;
                     }
-                    var _shaderPass__renderState;
-                    if (((_shaderPass__renderState = shaderPass._renderState) != null ? _shaderPass__renderState : renderStates[j]).renderQueueType !== renderQueueType) {
+                    var renderState = shaderPass._renderState;
+                    var passQueueType = void 0;
+                    if (renderState) {
+                        passQueueType = renderState._getRenderQueueByShaderData(shaderPass._renderStateDataMap, materialData);
+                    } else {
+                        renderState = renderStates[j];
+                        passQueueType = renderState.renderQueueType;
+                    }
+                    if (passQueueType !== renderQueueType) {
                         continue;
                     }
                     var program = shaderPass._getShaderProgram(engine, compileMacros);
@@ -14153,8 +14326,6 @@
                             program.uploadUnGroupTextures();
                         }
                     }
-                    var _shaderPass__renderState1;
-                    var renderState = (_shaderPass__renderState1 = shaderPass._renderState) != null ? _shaderPass__renderState1 : renderStates[j];
                     renderState._applyStates(engine, renderer.entity.transform._isFrontFaceInvert(), shaderPass._renderStateDataMap, material.shaderData);
                     rhi.drawPrimitive(primitive, subElement.subPrimitive, program);
                 }
@@ -14181,9 +14352,12 @@
             var camera = context.camera;
             var engine = camera.engine;
             camera.scene._maskManager.buildMaskRenderElement(master, incrementMaskQueue, decrementMaskQueue);
+            var primitiveChunkManagerMask = engine._batcherManager.primitiveChunkManagerMask;
             incrementMaskQueue._batch(engine._batcherManager);
+            primitiveChunkManagerMask.uploadBuffer();
             incrementMaskQueue.render(context, pipelineStageTagValue, 1);
             decrementMaskQueue._batch(engine._batcherManager);
+            primitiveChunkManagerMask.uploadBuffer();
             decrementMaskQueue.render(context, pipelineStageTagValue, 2);
         };
         RenderQueue.compareForOpaque = function compareForOpaque(a, b) {
@@ -15101,6 +15275,8 @@
         var BasicRenderPipeline = function BasicRenderPipeline(camera) {
             this._lastCanvasSize = new Vector2();
             this._internalColorTarget = null;
+            this._canUseBlitFrameBuffer = false;
+            this._shouldGrabColor = false;
             this._camera = camera;
             var engine = camera.engine;
             this._cullingResults = new CullingResults();
@@ -15125,10 +15301,19 @@
             context.rendererUpdateFlag = ContextRendererUpdateFlag.All;
             var camera = this._camera;
             var scene = camera.scene, engine = camera.engine;
+            var rhi = engine._hardwareRenderer;
             var cullingResults = this._cullingResults;
             var sunlight = scene._lightManager._sunlight;
             var depthOnlyPass = this._depthOnlyPass;
             var depthPassEnabled = camera.depthTextureMode === exports.DepthTextureMode.PrePass && depthOnlyPass._supportDepthTexture;
+            var finalClearFlags = camera.clearFlags & ~(ignoreClear != null ? ignoreClear : exports.CameraClearFlags.None);
+            var independentCanvasEnabled = camera.independentCanvasEnabled;
+            var msaaSamples = camera.renderTarget ? camera.renderTarget.antiAliasing : camera.msaaSamples;
+            this._shouldGrabColor = independentCanvasEnabled && !(finalClearFlags & exports.CameraClearFlags.Color);
+            // 1. Only support blitFramebuffer in webgl2 context
+            // 2. Can't blit normal FBO to MSAA FBO
+            // 3. Can't blit screen MSAA FBO to normal FBO in mac safari platform and mobile, but mac chrome and firfox is OK
+            this._canUseBlitFrameBuffer = rhi.isWebGL2 && msaaSamples === 1 && (!!camera.renderTarget || !rhi.context.antialias);
             if (scene.castShadows && sunlight && sunlight.shadowType !== exports.ShadowType.None) {
                 this._cascadedShadowCasterPass.onRender(context);
                 context.rendererUpdateFlag = ContextRendererUpdateFlag.None;
@@ -15148,24 +15333,46 @@
             } else {
                 camera.shaderData.setTexture(exports.Camera._cameraDepthTextureProperty, engine._basicResources.whiteTexture2D);
             }
-            // Check if need to create internal color texture
-            var independentCanvasEnabled = camera.independentCanvasEnabled;
+            // Check if need to create internal color texture or grab texture
             if (independentCanvasEnabled) {
+                var depthFormat;
+                if (camera.renderTarget) {
+                    depthFormat = camera.renderTarget._depthFormat;
+                } else if (rhi.context.depth && rhi.context.stencil) {
+                    depthFormat = exports.TextureFormat.Depth24Stencil8;
+                } else if (rhi.context.depth) {
+                    depthFormat = exports.TextureFormat.Depth24;
+                } else if (rhi.context.stencil) {
+                    depthFormat = exports.TextureFormat.Stencil;
+                } else {
+                    depthFormat = null;
+                }
                 var viewport = camera.pixelViewport;
-                var internalColorTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._internalColorTarget, viewport.width, viewport.height, camera._getInternalColorTextureFormat(), exports.TextureFormat.Depth24Stencil8, false, false, camera.msaaSamples, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
+                var internalColorTarget = PipelineUtils.recreateRenderTargetIfNeeded(engine, this._internalColorTarget, viewport.width, viewport.height, camera._getInternalColorTextureFormat(), depthFormat, false, false, msaaSamples, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
+                if (!this._canUseBlitFrameBuffer && this._shouldGrabColor) {
+                    var _camera_renderTarget;
+                    var _camera_renderTarget_getColorTexture_format;
+                    var grabTexture = PipelineUtils.recreateTextureIfNeeded(engine, this._grabTexture, viewport.width, viewport.height, (_camera_renderTarget_getColorTexture_format = (_camera_renderTarget = camera.renderTarget) == null ? void 0 : _camera_renderTarget.getColorTexture(0).format) != null ? _camera_renderTarget_getColorTexture_format : exports.TextureFormat.R8G8B8A8, false, exports.TextureWrapMode.Clamp, exports.TextureFilterMode.Bilinear);
+                    this._grabTexture = grabTexture;
+                }
                 this._internalColorTarget = internalColorTarget;
             } else {
                 var internalColorTarget1 = this._internalColorTarget;
+                var grabTexture1 = this._grabTexture;
                 if (internalColorTarget1) {
                     var _internalColorTarget_getColorTexture;
                     (_internalColorTarget_getColorTexture = internalColorTarget1.getColorTexture(0)) == null ? void 0 : _internalColorTarget_getColorTexture.destroy(true);
                     internalColorTarget1.destroy(true);
                     this._internalColorTarget = null;
                 }
+                if (grabTexture1) {
+                    grabTexture1.destroy(true);
+                    this._grabTexture = null;
+                }
             }
-            this._drawRenderPass(context, camera, cubeFace, mipLevel, ignoreClear);
+            this._drawRenderPass(context, camera, finalClearFlags, cubeFace, mipLevel);
         };
-        _proto._drawRenderPass = function _drawRenderPass(context, camera, cubeFace, mipLevel, ignoreClear) {
+        _proto._drawRenderPass = function _drawRenderPass(context, camera, finalClearFlags, cubeFace, mipLevel) {
             var _cameraRenderTarget, _cameraRenderTarget1;
             var cullingResults = this._cullingResults;
             var opaqueQueue = cullingResults.opaqueQueue, alphaTestQueue = cullingResults.alphaTestQueue, transparentQueue = cullingResults.transparentQueue;
@@ -15182,14 +15389,33 @@
                 context.applyVirtualCamera(camera._virtualCamera, needFlipProjection);
             }
             rhi.activeRenderTarget(colorTarget, colorViewport, context.flipProjection, mipLevel, cubeFace);
-            var clearFlags = camera.clearFlags & ~(ignoreClear != null ? ignoreClear : exports.CameraClearFlags.None);
             var color = background.solidColor;
-            if (clearFlags !== exports.CameraClearFlags.None) {
-                rhi.clearRenderTarget(camera.engine, clearFlags, color);
+            if (internalColorTarget && finalClearFlags !== exports.CameraClearFlags.All) {
+                // Can use `blitFramebuffer` API to copy color/depth/stencil buffer from back buffer to internal RT
+                if (this._canUseBlitFrameBuffer) {
+                    finalClearFlags !== exports.CameraClearFlags.None && rhi.clearRenderTarget(engine, finalClearFlags, color);
+                    rhi.blitInternalRTByBlitFrameBuffer(camera.renderTarget, internalColorTarget, finalClearFlags, camera.viewport);
+                } else {
+                    if (!(finalClearFlags & exports.CameraClearFlags.Depth) || !(finalClearFlags & exports.CameraClearFlags.Stencil)) {
+                        Logger.warn("We clear all depth/stencil state cause of the internalRT can't copy depth/stencil buffer from back buffer when use copy plan");
+                    }
+                    if (this._shouldGrabColor) {
+                        rhi.clearRenderTarget(engine, exports.CameraClearFlags.DepthStencil);
+                        // Copy RT's color buffer to grab texture
+                        rhi.copyRenderTargetToSubTexture(camera.renderTarget, this._grabTexture, camera.viewport);
+                        // Then blit grab texture to internal RT's color buffer
+                        PipelineUtils.blitTexture(engine, this._grabTexture, internalColorTarget, 0, undefined, undefined, undefined, !camera.renderTarget);
+                    } else {
+                        rhi.clearRenderTarget(engine, exports.CameraClearFlags.All, color);
+                    }
+                }
+                rhi.activeRenderTarget(colorTarget, colorViewport, context.flipProjection, mipLevel, cubeFace);
+            } else if (finalClearFlags !== exports.CameraClearFlags.None) {
+                rhi.clearRenderTarget(engine, finalClearFlags, color);
             }
             opaqueQueue.render(context, exports.PipelineStage.Forward);
             alphaTestQueue.render(context, exports.PipelineStage.Forward);
-            if (clearFlags & exports.CameraClearFlags.Color) {
+            if (finalClearFlags & exports.CameraClearFlags.Color) {
                 if (background.mode === exports.BackgroundMode.Sky) {
                     background.sky._render(context);
                 } else if (background.mode === exports.BackgroundMode.Texture && background.texture) {
@@ -15264,8 +15490,7 @@
                 var shaderPass = shaderPasses[i];
                 var renderState = shaderPass._renderState;
                 if (renderState) {
-                    renderState._applyRenderQueueByShaderData(shaderPass._renderStateDataMap, subRenderElement.material.shaderData);
-                    renderQueueType = renderState.renderQueueType;
+                    renderQueueType = renderState._getRenderQueueByShaderData(shaderPass._renderStateDataMap, subRenderElement.material.shaderData);
                 } else {
                     renderQueueType = renderStates[i].renderQueueType;
                 }
@@ -27996,7 +28221,7 @@
     (function() {
         ParticleBufferUtils.boundsMaxLifetimeOffset = 7;
     })();
-    var blitFs = "#define GLSLIFY 1\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\nuniform float renderer_BlitMipLevel;\n#endif\nvarying vec2 v_uv;void main(){\n#ifdef HAS_TEX_LOD\ngl_FragColor=texture2DLodEXT(renderer_BlitTexture,v_uv,renderer_BlitMipLevel);\n#else\ngl_FragColor=texture2D(renderer_BlitTexture,v_uv);\n#endif\n}"; // eslint-disable-line
+    var blitFs = "#define GLSLIFY 1\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\nuniform float renderer_BlitMipLevel;\n#endif\nvarying vec2 v_uv;void main(){vec2 uv=v_uv;\n#ifdef renderer_FlipYBlitTexture\nuv.y=1.0-uv.y;\n#endif\n#ifdef HAS_TEX_LOD\ngl_FragColor=texture2DLodEXT(renderer_BlitTexture,uv,renderer_BlitMipLevel);\n#else\ngl_FragColor=texture2D(renderer_BlitTexture,uv);\n#endif\n}"; // eslint-disable-line
     var blitVs = "#define GLSLIFY 1\nattribute vec4 POSITION_UV;varying vec2 v_uv;void main(){gl_Position=vec4(POSITION_UV.xy,0.0,1.0);v_uv=POSITION_UV.zw;}"; // eslint-disable-line
     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
@@ -33790,13 +34015,11 @@
             return true;
         };
         _proto._applyTransition = function _applyTransition(layerIndex, layerData, layer, transition, aniUpdate) {
-            // Need prepare first, it should crossFade when to exit
-            var success = this._prepareCrossFadeByTransition(transition, layerIndex);
             if (transition.isExit) {
                 this._checkAnyAndEntryState(layerIndex, layerData, layer, 0, aniUpdate);
-                return true;
+                return false;
             }
-            return success;
+            return this._prepareCrossFadeByTransition(transition, layerIndex);
         };
         _proto._checkConditions = function _checkConditions(state, transition) {
             var _state;
@@ -39137,6 +39360,72 @@
         };
         return CubeProbe;
     }(Probe);
+    /**
+     * @internal
+     */ var Polyfill = /*#__PURE__*/ function() {
+        var Polyfill = function Polyfill() {};
+        Polyfill.registerPolyfill = function registerPolyfill() {
+            Polyfill._registerMatchAll();
+        };
+        Polyfill._registerMatchAll = function _registerMatchAll() {
+            if (!String.prototype.matchAll) {
+                Logger.info("polyfill String.prototype.matchAll");
+                String.prototype.matchAll = function(pattern) {
+                    var flags = pattern.flags;
+                    var globalFlagIdx = flags.indexOf("g");
+                    if (globalFlagIdx === -1) {
+                        throw TypeError("String.prototype.matchAll called with a non-global RegExp argument");
+                    }
+                    var bindThis = this;
+                    return function() {
+                        var matchResult, matchFlag, matchPattern, _tmp, _tmp1, _i, index, item;
+                        return __generator$1(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    matchResult = bindThis.match(pattern);
+                                    if (matchResult == null) return [
+                                        2,
+                                        null
+                                    ];
+                                    matchFlag = flags.split("g").join("");
+                                    matchPattern = new RegExp(pattern.source, matchFlag);
+                                    _tmp = [];
+                                    for(_tmp1 in matchResult)_tmp.push(_tmp1);
+                                    _i = 0;
+                                    _state.label = 1;
+                                case 1:
+                                    if (!(_i < _tmp.length)) return [
+                                        3,
+                                        4
+                                    ];
+                                    index = _tmp[_i];
+                                    item = matchResult[index];
+                                    return [
+                                        4,
+                                        item.match(matchPattern)
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    _state.label = 3;
+                                case 3:
+                                    _i++;
+                                    return [
+                                        3,
+                                        1
+                                    ];
+                                case 4:
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    }();
+                };
+            }
+        };
+        return Polyfill;
+    }();
+    Polyfill.registerPolyfill();
 
     var CoreObjects = /*#__PURE__*/Object.freeze({
         __proto__: null,
@@ -41246,7 +41535,7 @@
             var gl = this._gl;
             var _engine__lastRenderState = engine._lastRenderState, targetBlendState = _engine__lastRenderState.blendState.targetBlendState, depthState = _engine__lastRenderState.depthState, stencilState = _engine__lastRenderState.stencilState;
             var clearFlag = 0;
-            if (clearFlags & exports.CameraClearFlags.Color) {
+            if (clearFlags & exports.CameraClearFlags.Color && clearColor) {
                 clearFlag |= gl.COLOR_BUFFER_BIT;
                 var lc = this._lastClearColor;
                 var r = clearColor.r, g = clearColor.g, b = clearColor.b, a = clearColor.a;
@@ -41310,6 +41599,75 @@
             this.viewport(x, y, width, height);
             this.scissor(x, y, width, height);
         };
+        _proto.blitInternalRTByBlitFrameBuffer = function blitInternalRTByBlitFrameBuffer(srcRT, destRT, clearFlags, viewport) {
+            if (!this._isWebGL2) {
+                Logger.warn("WebGL1.0 not support blit frame buffer.");
+                return;
+            }
+            var gl = this._gl;
+            // @ts-ignore
+            var srcFrameBuffer = srcRT ? srcRT._platformRenderTarget._frameBuffer : null;
+            // @ts-ignore
+            var destFrameBuffer = destRT ? destRT._platformRenderTarget._frameBuffer : null;
+            var bufferWidth = this.getMainFrameBufferWidth();
+            var bufferHeight = this.getMainFrameBufferHeight();
+            var srcWidth = srcRT ? srcRT.width : bufferWidth;
+            var srcHeight = srcRT ? srcRT.height : bufferHeight;
+            var blitWidth = destRT.width;
+            var blitHeight = destRT.height;
+            var needFlipY = !srcRT;
+            var needBlitColor = (clearFlags & exports.CameraClearFlags.Color) === 0;
+            var needBlitDepth = (clearFlags & exports.CameraClearFlags.Depth) === 0;
+            var needBlitStencil = (clearFlags & exports.CameraClearFlags.Stencil) === 0;
+            gl.bindFramebuffer(gl.READ_FRAMEBUFFER, srcFrameBuffer);
+            gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, destFrameBuffer);
+            var blitMask = needBlitColor ? gl.COLOR_BUFFER_BIT : 0;
+            if (needBlitDepth || needBlitStencil) {
+                // @ts-ignore
+                var depthFormat = destRT._depthFormat;
+                if (needBlitDepth) {
+                    if (depthFormat === exports.TextureFormat.Depth || depthFormat >= exports.TextureFormat.DepthStencil && depthFormat <= exports.TextureFormat.Depth32Stencil8) {
+                        blitMask |= gl.DEPTH_BUFFER_BIT;
+                    } else {
+                        Logger.warn("Do not clear depth, or set depth format of target which is " + exports.TextureFormat[depthFormat] + " now.");
+                    }
+                }
+                if (needBlitStencil) {
+                    if (depthFormat === exports.TextureFormat.Stencil || depthFormat === exports.TextureFormat.DepthStencil || depthFormat >= exports.TextureFormat.Depth24Stencil8 || depthFormat >= exports.TextureFormat.Depth32Stencil8) {
+                        blitMask |= gl.STENCIL_BUFFER_BIT;
+                    } else {
+                        Logger.warn("Do not clear stencil, or set stencil format of target which is " + exports.TextureFormat[depthFormat] + " now.");
+                    }
+                }
+            }
+            var xStart = viewport.x * srcWidth;
+            var xEnd = xStart + blitWidth;
+            var yStart = needFlipY ? srcHeight - viewport.y * srcHeight : srcHeight - viewport.y * srcHeight - blitHeight;
+            var yEnd = needFlipY ? yStart - blitHeight : yStart + blitHeight;
+            gl.blitFramebuffer(xStart, yStart, xEnd, yEnd, 0, 0, blitWidth, blitHeight, blitMask, gl.NEAREST);
+        };
+        _proto.copyRenderTargetToSubTexture = function copyRenderTargetToSubTexture(srcRT, grabTexture, viewport) {
+            var _srcRT;
+            var gl = this._gl;
+            var bufferWidth = this.getMainFrameBufferWidth();
+            var bufferHeight = this.getMainFrameBufferHeight();
+            var srcWidth = srcRT ? srcRT.width : bufferWidth;
+            var srcHeight = srcRT ? srcRT.height : bufferHeight;
+            var copyWidth = grabTexture.width;
+            var copyHeight = grabTexture.height;
+            var flipY = !srcRT;
+            var xStart = viewport.x * srcWidth;
+            var yStart = flipY ? srcHeight - viewport.y * srcHeight - copyHeight : viewport.y * srcHeight;
+            var _srcRT__platformRenderTarget__frameBuffer;
+            // @ts-ignore
+            var frameBuffer = (_srcRT__platformRenderTarget__frameBuffer = (_srcRT = srcRT) == null ? void 0 : _srcRT._platformRenderTarget._frameBuffer) != null ? _srcRT__platformRenderTarget__frameBuffer : null;
+            // @ts-ignore
+            gl.bindFramebuffer(gl.FRAMEBUFFER, frameBuffer);
+            // @ts-ignore
+            var glTexture = grabTexture._platformTexture;
+            glTexture._bind();
+            gl.copyTexSubImage2D(glTexture._target, 0, 0, 0, xStart, yStart, copyWidth, copyHeight);
+        };
         _proto.activeTexture = function activeTexture(textureID) {
             if (this._activeTextureID !== textureID) {
                 this._gl.activeTexture(textureID);
@@ -41370,6 +41728,7 @@
             if (debugRenderInfo != null) {
                 this._renderer = gl.getParameter(debugRenderInfo.UNMASKED_RENDERER_WEBGL);
             }
+            this._contextAttributes = gl.getContextAttributes();
         };
         _proto.destroy = function destroy() {
             var webCanvas = this._webCanvas;
@@ -41426,6 +41785,12 @@
                 get: function get() {
                     return this.capability.canIUseMoreJoints;
                 }
+            },
+            {
+                key: "context",
+                get: function get() {
+                    return this._contextAttributes;
+                }
             }
         ]);
         return WebGLGraphicDevice;
@@ -47821,7 +48186,7 @@
         };
         return ShaderChunkLoader1;
     }(Loader), function() {
-        _ShaderChunkLoader._shaderIncludeRegex = /\s#include\s+"([./][^\\"]+)"/gm;
+        _ShaderChunkLoader._shaderIncludeRegex = /#include\s+"([./][^\\"]+)"/gm;
     }(), _ShaderChunkLoader);
     ShaderChunkLoader = __decorate([
         resourceLoader("ShaderChunk", [
@@ -48427,7 +48792,7 @@
     ], EXT_texture_webp);
 
     //@ts-ignore
-    var version = "1.3.24";
+    var version = "1.3.26";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);