@galacean/engine-core 0.0.0-experimental-2.0-migrate.6 → 0.0.0-experimental-2.0-skill.0

package/dist/main.js

@@ -600,10 +600,10 @@ var AssetPromise = /*#__PURE__*/ function() {
    */ _proto.onProgress = function onProgress(onTaskComplete, onTaskDetail) {
         var completeProgress = this._taskCompleteProgress;
         var detailProgress = this._taskDetailProgress;
-        if (completeProgress && onTaskComplete) {
+        if (completeProgress) {
             onTaskComplete(completeProgress.loaded, completeProgress.total);
         }
-        if (detailProgress && onTaskDetail) {
+        if (detailProgress) {
             for(var url in detailProgress){
                 var _detailProgress_url = detailProgress[url], loaded = _detailProgress_url.loaded, total = _detailProgress_url.total;
                 onTaskDetail(url, loaded, total);
@@ -1763,7 +1763,7 @@ SystemInfo._webpSupported = null;
     _inherits(FontAtlas, ReferResource);
     function FontAtlas(engine) {
         var _this;
-        _this = ReferResource.call(this, engine) || this, _this._charInfoMap = {}, _this._space = 4, _this._curX = 4, _this._curY = 4, _this._nextY = 4;
+        _this = ReferResource.call(this, engine) || this, _this._charInfoMap = {}, _this._space = 1, _this._curX = 1, _this._curY = 1, _this._nextY = 1;
         _this.isGCIgnored = true;
         var format = engine._hardwareRenderer.isWebGL2 ? TextureFormat.R8 : TextureFormat.Alpha8;
         var texture = new Texture2D(engine, 512, 512, format, false, false);
@@ -1844,11 +1844,10 @@ SystemInfo._webpSupported = null;
 }({});
 
 /**
- * The way to handle the situation where the text is too large to fit in the bounds.
+ * The way to handle the situation where wrapped text is too tall to fit in the height.
  */ var OverflowMode = /*#__PURE__*/ function(OverflowMode) {
     /** Overflow when the text is too tall */ OverflowMode[OverflowMode["Overflow"] = 0] = "Overflow";
     /** Truncate with height when the text is too tall */ OverflowMode[OverflowMode["Truncate"] = 1] = "Truncate";
-    /** Shrink the font size until the text fits within the bounds (both width and height) */ OverflowMode[OverflowMode["Shrink"] = 2] = "Shrink";
     return OverflowMode;
 }({});
 
@@ -1913,8 +1912,7 @@ SystemInfo._webpSupported = null;
     TextUtils.measureChar = function measureChar(char, fontString) {
         return TextUtils._measureFontOrChar(fontString, char, true);
     };
-    TextUtils.measureTextWithWrap = function measureTextWithWrap(renderer, rendererWidth, rendererHeight, lineSpacing, characterSpacing, uploadCharTexture) {
-        if (uploadCharTexture === void 0) uploadCharTexture = true;
+    TextUtils.measureTextWithWrap = function measureTextWithWrap(renderer, rendererWidth, rendererHeight, lineSpacing, characterSpacing) {
         var subFont = renderer._getSubFont();
         var fontString = subFont.nativeFontString;
         var fontSizeInfo = TextUtils.measureFont(fontString);
@@ -1943,7 +1941,7 @@ SystemInfo._webpSupported = null;
             var notFirstLine = false;
             for(var j = 0, m = subText.length; j < m; ++j){
                 var char = subText[j];
-                var charInfo = TextUtils._getCharInfo(char, fontString, subFont, uploadCharTexture);
+                var charInfo = TextUtils._getCharInfo(char, fontString, subFont);
                 var charCode = char.charCodeAt(0);
                 var isSpace = charCode === 32;
                 if (isSpace && notFirstLine && line.length === 0 && word.length === 0) {
@@ -2072,8 +2070,7 @@ SystemInfo._webpSupported = null;
             lineMaxSizes: lineMaxSizes
         };
     };
-    TextUtils.measureTextWithoutWrap = function measureTextWithoutWrap(renderer, rendererHeight, lineSpacing, characterSpacing, uploadCharTexture) {
-        if (uploadCharTexture === void 0) uploadCharTexture = true;
+    TextUtils.measureTextWithoutWrap = function measureTextWithoutWrap(renderer, rendererHeight, lineSpacing, characterSpacing) {
         var subFont = renderer._getSubFont();
         var fontString = subFont.nativeFontString;
         var fontSizeInfo = TextUtils.measureFont(fontString);
@@ -2092,7 +2089,7 @@ SystemInfo._webpSupported = null;
             var maxAscent = 0;
             var maxDescent = 0;
             for(var j = 0; j < lineLength; ++j){
-                var charInfo = TextUtils._getCharInfo(line[j], fontString, subFont, uploadCharTexture);
+                var charInfo = TextUtils._getCharInfo(line[j], fontString, subFont);
                 curWidth += charInfo.xAdvance;
                 var offsetY = charInfo.offsetY;
                 var halfH = charInfo.h * 0.5;
@@ -2120,64 +2117,6 @@ SystemInfo._webpSupported = null;
         };
     };
     /**
-   * Measure text in SHRINK overflow mode: keep shrinking the font size until the text fits
-   * within the bounds (both width and height). Mirrors Cocos Creator's `Overflow.SHRINK`.
-   *
-   * @param renderer - The text renderer
-   * @param rendererWidth - The width of the bounds in pixels
-   * @param rendererHeight - The height of the bounds in pixels
-   * @param originalFontSize - The font size set on the renderer (the upper bound, never enlarged)
-   * @param lineSpacing - The line spacing ratio (relative to font size)
-   * @param characterSpacing - The character spacing ratio (relative to font size)
-   * @param enableWrapping - Whether wrapping is enabled
-   * @param applyFontSize - Callback that switches the renderer's sub font to the given font size
-   * @returns The fitted text metrics and the actual font size used for layout
-   */ TextUtils.measureTextWithShrink = function measureTextWithShrink(renderer, rendererWidth, rendererHeight, originalFontSize, lineSpacing, characterSpacing, enableWrapping, applyFontSize) {
-        // During the binary search we only need the text dimensions, so pass `uploadCharTexture=false`
-        // to avoid building GPU font atlases for the intermediate font sizes that won't be used.
-        // The fitted size is then re-measured once with upload=true to populate its atlas. This trades
-        // one extra full measure pass (CPU) for skipping ~log2(size) throwaway atlas textures (GPU);
-        // we can't reuse the search's last measure because its char bitmaps were never cached.
-        var measureAt = function(fontSize, uploadCharTexture) {
-            applyFontSize(fontSize);
-            return enableWrapping ? TextUtils.measureTextWithWrap(renderer, rendererWidth, rendererHeight, lineSpacing * fontSize, characterSpacing * fontSize, uploadCharTexture) : TextUtils.measureTextWithoutWrap(renderer, rendererHeight, lineSpacing * fontSize, characterSpacing * fontSize, uploadCharTexture);
-        };
-        // The content height is `lineHeight * lineCount`; `metrics.height` is clamped to the bounds
-        // unless overflowMode is Overflow, so it can't be used to detect vertical overflow here.
-        var isFit = function(metrics) {
-            return metrics.width <= rendererWidth && metrics.lineHeight * metrics.lines.length <= rendererHeight;
-        };
-        // If the text already fits at the original size, keep it (SHRINK only shrinks, never enlarges).
-        var metrics = measureAt(originalFontSize, false);
-        if (isFit(metrics)) {
-            metrics = measureAt(originalFontSize, true);
-            return {
-                metrics: metrics,
-                fontSize: originalFontSize
-            };
-        }
-        // Binary search for the largest integer font size that fits (measure only, no atlas upload).
-        var low = 1;
-        var high = Math.floor(originalFontSize);
-        var fitFontSize = low;
-        while(low <= high){
-            var mid = low + high >> 1;
-            metrics = measureAt(mid, false);
-            if (isFit(metrics)) {
-                fitFontSize = mid;
-                low = mid + 1;
-            } else {
-                high = mid - 1;
-            }
-        }
-        // Re-measure the fitted size with upload=true so the sub font / atlas correspond to it.
-        metrics = measureAt(fitFontSize, true);
-        return {
-            metrics: metrics,
-            fontSize: fitFontSize
-        };
-    };
-    /**
    * Get native font hash.
    * @param fontName - The font name
    * @param fontSize - The font size
@@ -2294,17 +2233,12 @@ SystemInfo._webpSupported = null;
     };
     /**
    * @internal
-   */ TextUtils._getCharInfo = function _getCharInfo(char, fontString, font, uploadCharTexture) {
-        if (uploadCharTexture === void 0) uploadCharTexture = true;
+   */ TextUtils._getCharInfo = function _getCharInfo(char, fontString, font) {
         var charInfo = font._getCharInfo(char);
         if (!charInfo) {
             charInfo = TextUtils.measureChar(char, fontString);
-            // SHRINK 的二分阶段只需字符尺寸(measureChar 已给出),传 uploadCharTexture=false 跳过 GPU
-            // 字形图集上传与缓存,避免给用不到的中间字号建字体 atlas 纹理。
-            if (uploadCharTexture) {
-                font._uploadCharTexture(charInfo);
-                font._addCharInfo(char, charInfo);
-            }
+            font._uploadCharTexture(charInfo);
+            font._addCharInfo(char, charInfo);
         }
         return charInfo;
     };
@@ -2513,550 +2447,6 @@ TextUtils._textContext = null;
     };
 }
 
-/**
- * Sprite's filled mode enumeration.
- */ var SpriteFilledMode = /*#__PURE__*/ function(SpriteFilledMode) {
-    /** Fill horizontally. */ SpriteFilledMode[SpriteFilledMode["Horizontal"] = 0] = "Horizontal";
-    /** Fill vertically. */ SpriteFilledMode[SpriteFilledMode["Vertical"] = 1] = "Vertical";
-    /** Fill radially over 90 degrees. */ SpriteFilledMode[SpriteFilledMode["Radial90"] = 2] = "Radial90";
-    /** Fill radially over 180 degrees. */ SpriteFilledMode[SpriteFilledMode["Radial180"] = 3] = "Radial180";
-    /** Fill radially over 360 degrees. */ SpriteFilledMode[SpriteFilledMode["Radial360"] = 4] = "Radial360";
-    return SpriteFilledMode;
-}({});
-
-/**
- * Sprite's filled origin enumeration.
- */ var SpriteFilledOrigin = /*#__PURE__*/ function(SpriteFilledOrigin) {
-    /** Origin at the right. */ SpriteFilledOrigin[SpriteFilledOrigin["Right"] = 0] = "Right";
-    /** Origin at the top-right. */ SpriteFilledOrigin[SpriteFilledOrigin["TopRight"] = 1] = "TopRight";
-    /** Origin at the top. */ SpriteFilledOrigin[SpriteFilledOrigin["Top"] = 2] = "Top";
-    /** Origin at the top-left. */ SpriteFilledOrigin[SpriteFilledOrigin["TopLeft"] = 3] = "TopLeft";
-    /** Origin at the left. */ SpriteFilledOrigin[SpriteFilledOrigin["Left"] = 4] = "Left";
-    /** Origin at the bottom-left. */ SpriteFilledOrigin[SpriteFilledOrigin["BottomLeft"] = 5] = "BottomLeft";
-    /** Origin at the bottom. */ SpriteFilledOrigin[SpriteFilledOrigin["Bottom"] = 6] = "Bottom";
-    /** Origin at the bottom-right. */ SpriteFilledOrigin[SpriteFilledOrigin["BottomRight"] = 7] = "BottomRight";
-    return SpriteFilledOrigin;
-}({});
-
-exports.FilledSpriteAssembler = /*#__PURE__*/ function() {
-    function FilledSpriteAssembler() {}
-    FilledSpriteAssembler.resetData = function resetData(renderer) {
-        var manager = renderer._getChunkManager();
-        var lastSubChunk = renderer._subChunk;
-        lastSubChunk && manager.freeSubChunk(lastSubChunk);
-        // Allocate the maximum any fill mode can produce (Radial360 = 4 quadrants x 4 verts = 16).
-        // A fixed size avoids reallocating the sub-chunk when filledMode changes at runtime.
-        var subChunk = manager.allocateSubChunk(16);
-        subChunk.indices = [];
-        renderer._subChunk = subChunk;
-    };
-    FilledSpriteAssembler.updatePositions = function updatePositions(renderer, worldMatrix, width, height, pivot, flipX, flipY) {
-        var pivotX = pivot.x, pivotY = pivot.y;
-        var modelMatrix = FilledSpriteAssembler._matrix;
-        var wE = modelMatrix.elements;
-        var pWE = worldMatrix.elements;
-        var sx = flipX ? -width : width;
-        var sy = flipY ? -height : height;
-        wE[0] = pWE[0] * sx, wE[1] = pWE[1] * sx, wE[2] = pWE[2] * sx;
-        wE[4] = pWE[4] * sy, wE[5] = pWE[5] * sy, wE[6] = pWE[6] * sy;
-        wE[8] = pWE[8], wE[9] = pWE[9], wE[10] = pWE[10];
-        wE[12] = pWE[12] - pivotX * wE[0] - pivotY * wE[4];
-        wE[13] = pWE[13] - pivotX * wE[1] - pivotY * wE[5];
-        wE[14] = pWE[14] - pivotX * wE[2] - pivotY * wE[6];
-        switch(renderer.filledMode){
-            case SpriteFilledMode.Horizontal:
-                this._filledLinear(renderer, modelMatrix, true);
-                break;
-            case SpriteFilledMode.Vertical:
-                this._filledLinear(renderer, modelMatrix, false);
-                break;
-            case SpriteFilledMode.Radial90:
-                this._filledRadial90(renderer, modelMatrix, renderer.filledOrigin, renderer.filledAmount, renderer.filledClockWise);
-                break;
-            case SpriteFilledMode.Radial180:
-                this._filledRadial180(renderer, modelMatrix, renderer.filledOrigin, renderer.filledAmount, renderer.filledClockWise);
-                break;
-            case SpriteFilledMode.Radial360:
-                this._filledRadial360(renderer, modelMatrix, renderer.filledOrigin, renderer.filledAmount, renderer.filledClockWise);
-                break;
-        }
-        // @ts-ignore
-        engineMath.BoundingBox.transform(renderer.sprite._getBounds(), modelMatrix, renderer._bounds);
-    };
-    FilledSpriteAssembler.updateUVs = function updateUVs(renderer) {
-    // UVs are computed in updatePositions.
-    };
-    FilledSpriteAssembler.updateColor = function updateColor(renderer, alpha) {
-        var subChunk = renderer._subChunk;
-        var _renderer_color = renderer.color, r = _renderer_color.r, g = _renderer_color.g, b = _renderer_color.b, a = _renderer_color.a;
-        var finalAlpha = a * alpha;
-        var vertices = subChunk.chunk.vertices;
-        var vertexArea = subChunk.vertexArea;
-        for(var i = 0, o = vertexArea.start + 5, n = vertexArea.size / 9; i < n; ++i, o += 9){
-            vertices[o] = r;
-            vertices[o + 1] = g;
-            vertices[o + 2] = b;
-            vertices[o + 3] = finalAlpha;
-        }
-    };
-    FilledSpriteAssembler._filledLinear = function _filledLinear(renderer, matrix, isHorizontal) {
-        var amount = renderer.filledAmount;
-        if (amount <= this._fillAmountEpsilon) {
-            renderer._subChunk.indices.length = 0;
-            return;
-        }
-        var sprite = renderer.sprite;
-        var _sprite__getPositions = sprite._getPositions(), lPosLB = _sprite__getPositions[0], lPosRB = _sprite__getPositions[1], lPosLT = _sprite__getPositions[2], lPosRT = _sprite__getPositions[3];
-        var spriteUVs = sprite._getUVs();
-        var _spriteUVs_ = spriteUVs[0], left = _spriteUVs_.x, bottom = _spriteUVs_.y;
-        var _spriteUVs_1 = spriteUVs[3], right = _spriteUVs_1.x, top = _spriteUVs_1.y;
-        var subChunk = renderer._subChunk;
-        var vertices = subChunk.chunk.vertices;
-        var x0, y0, u0, v0;
-        var x1, y1, u1, v1;
-        var x2, y2, u2, v2;
-        var x3, y3, u3, v3;
-        if (isHorizontal) {
-            var originIsStart = renderer.filledOrigin === SpriteFilledOrigin.Left;
-            var startX = originIsStart ? lPosLB.x : lPosRB.x - (lPosRB.x - lPosLB.x) * amount;
-            var endX = originIsStart ? lPosLB.x + (lPosRB.x - lPosLB.x) * amount : lPosRB.x;
-            var startU = originIsStart ? left : right - (right - left) * amount;
-            var endU = originIsStart ? left + (right - left) * amount : right;
-            x0 = startX, y0 = lPosLB.y, u0 = startU, v0 = bottom;
-            x1 = endX, y1 = lPosRB.y, u1 = endU, v1 = bottom;
-            x2 = startX, y2 = lPosLT.y, u2 = startU, v2 = top;
-            x3 = endX, y3 = lPosRT.y, u3 = endU, v3 = top;
-        } else {
-            var originIsStart1 = renderer.filledOrigin === SpriteFilledOrigin.Bottom;
-            var startY = originIsStart1 ? lPosLB.y : lPosLT.y - (lPosLT.y - lPosLB.y) * amount;
-            var endY = originIsStart1 ? lPosLB.y + (lPosLT.y - lPosLB.y) * amount : lPosLT.y;
-            var startV = originIsStart1 ? bottom : top - (top - bottom) * amount;
-            var endV = originIsStart1 ? bottom + (top - bottom) * amount : top;
-            x0 = lPosLB.x, y0 = startY, u0 = left, v0 = startV;
-            x1 = lPosRB.x, y1 = startY, u1 = right, v1 = startV;
-            x2 = lPosLT.x, y2 = endY, u2 = left, v2 = endV;
-            x3 = lPosRT.x, y3 = endY, u3 = right, v3 = endV;
-        }
-        var wE = matrix.elements;
-        var start = subChunk.vertexArea.start;
-        // LB
-        vertices[start] = wE[0] * x0 + wE[4] * y0 + wE[12];
-        vertices[start + 1] = wE[1] * x0 + wE[5] * y0 + wE[13];
-        vertices[start + 2] = wE[2] * x0 + wE[6] * y0 + wE[14];
-        vertices[start + 3] = u0;
-        vertices[start + 4] = v0;
-        // RB
-        vertices[start + 9] = wE[0] * x1 + wE[4] * y1 + wE[12];
-        vertices[start + 10] = wE[1] * x1 + wE[5] * y1 + wE[13];
-        vertices[start + 11] = wE[2] * x1 + wE[6] * y1 + wE[14];
-        vertices[start + 12] = u1;
-        vertices[start + 13] = v1;
-        // LT
-        vertices[start + 18] = wE[0] * x2 + wE[4] * y2 + wE[12];
-        vertices[start + 19] = wE[1] * x2 + wE[5] * y2 + wE[13];
-        vertices[start + 20] = wE[2] * x2 + wE[6] * y2 + wE[14];
-        vertices[start + 21] = u2;
-        vertices[start + 22] = v2;
-        // RT
-        vertices[start + 27] = wE[0] * x3 + wE[4] * y3 + wE[12];
-        vertices[start + 28] = wE[1] * x3 + wE[5] * y3 + wE[13];
-        vertices[start + 29] = wE[2] * x3 + wE[6] * y3 + wE[14];
-        vertices[start + 30] = u3;
-        vertices[start + 31] = v3;
-        var indices = subChunk.indices;
-        indices[0] = 0;
-        indices[1] = 1;
-        indices[2] = 2;
-        indices[3] = 2;
-        indices[4] = 1;
-        indices[5] = 3;
-        indices.length = 6;
-    };
-    FilledSpriteAssembler._filledRadial90 = function _filledRadial90(renderer, matrix, origin, amount, cw) {
-        if (amount <= this._fillAmountEpsilon) {
-            renderer._subChunk.indices.length = 0;
-            return;
-        }
-        var sprite = renderer.sprite;
-        var _sprite__getPositions = sprite._getPositions(), lPosLB = _sprite__getPositions[0], lPosRB = _sprite__getPositions[1], lPosLT = _sprite__getPositions[2], lPosRT = _sprite__getPositions[3];
-        var spriteUVs = sprite._getUVs();
-        var _spriteUVs_ = spriteUVs[0], left = _spriteUVs_.x, bottom = _spriteUVs_.y;
-        var _spriteUVs_1 = spriteUVs[3], right = _spriteUVs_1.x, top = _spriteUVs_1.y;
-        // Transform 4 corners to world space
-        var _this__worldPositions = this._worldPositions, wLB = _this__worldPositions[0], wRB = _this__worldPositions[1], wLT = _this__worldPositions[2], wRT = _this__worldPositions[3];
-        var _this__uvs = this._uvs, uvLB = _this__uvs[0], uvRB = _this__uvs[1], uvLT = _this__uvs[2], uvRT = _this__uvs[3];
-        wLB.set(lPosLB.x, lPosLB.y, 0).transformToVec3(matrix), uvLB.set(left, bottom);
-        wRB.set(lPosRB.x, lPosRB.y, 0).transformToVec3(matrix), uvRB.set(right, bottom);
-        wLT.set(lPosLT.x, lPosLT.y, 0).transformToVec3(matrix), uvLT.set(left, top);
-        wRT.set(lPosRT.x, lPosRT.y, 0).transformToVec3(matrix), uvRT.set(right, top);
-        // Map vertices based on origin corner:
-        // [center, CW-adjacent, CCW-adjacent, opposite]
-        var _this = this, inPositions = _this._inPositions, inUVs = _this._inUVs, outPositions = _this._outPositions, outUVs = _this._outUVs;
-        switch(origin){
-            case SpriteFilledOrigin.BottomRight:
-                inPositions[0] = wRB, inUVs[0] = uvRB;
-                inPositions[1] = wRT, inUVs[1] = uvRT;
-                inPositions[2] = wLB, inUVs[2] = uvLB;
-                inPositions[3] = wLT, inUVs[3] = uvLT;
-                break;
-            case SpriteFilledOrigin.TopRight:
-                inPositions[0] = wRT, inUVs[0] = uvRT;
-                inPositions[1] = wLT, inUVs[1] = uvLT;
-                inPositions[2] = wRB, inUVs[2] = uvRB;
-                inPositions[3] = wLB, inUVs[3] = uvLB;
-                break;
-            case SpriteFilledOrigin.TopLeft:
-                inPositions[0] = wLT, inUVs[0] = uvLT;
-                inPositions[1] = wLB, inUVs[1] = uvLB;
-                inPositions[2] = wRT, inUVs[2] = uvRT;
-                inPositions[3] = wRB, inUVs[3] = uvRB;
-                break;
-            // BottomLeft is the default; any unsupported origin falls back to it instead of rendering stale data.
-            case SpriteFilledOrigin.BottomLeft:
-            default:
-                inPositions[0] = wLB, inUVs[0] = uvLB;
-                inPositions[1] = wRB, inUVs[1] = uvRB;
-                inPositions[2] = wLT, inUVs[2] = uvLT;
-                inPositions[3] = wRT, inUVs[3] = uvRT;
-                break;
-        }
-        var startAngle = cw ? 90 - amount * 90 : 0;
-        var endAngle = cw ? 90 : amount * 90;
-        this._vertexOffset = this._indicesOffset = 0;
-        this._radialCut(renderer._subChunk, inPositions, inUVs, startAngle, endAngle, outPositions, outUVs);
-        renderer._subChunk.indices.length = this._indicesOffset;
-    };
-    FilledSpriteAssembler._filledRadial180 = function _filledRadial180(renderer, matrix, origin, amount, cw) {
-        if (amount <= this._fillAmountEpsilon) {
-            renderer._subChunk.indices.length = 0;
-            return;
-        }
-        var sprite = renderer.sprite;
-        var _sprite__getPositions = sprite._getPositions(), lPosLB = _sprite__getPositions[0], lPosRB = _sprite__getPositions[1], lPosLT = _sprite__getPositions[2], lPosRT = _sprite__getPositions[3];
-        var spriteUVs = sprite._getUVs();
-        var _spriteUVs_ = spriteUVs[0], left = _spriteUVs_.x, bottom = _spriteUVs_.y;
-        var _spriteUVs_1 = spriteUVs[3], right = _spriteUVs_1.x, top = _spriteUVs_1.y;
-        // Transform corners and compute edge midpoints
-        var _this__worldPositions = this._worldPositions, wLB = _this__worldPositions[0], wMB = _this__worldPositions[1], wRB = _this__worldPositions[2], wLM = _this__worldPositions[3], wRM = _this__worldPositions[5], wLT = _this__worldPositions[6], wMT = _this__worldPositions[7], wRT = _this__worldPositions[8];
-        var _this__uvs = this._uvs, uvLB = _this__uvs[0], uvMB = _this__uvs[1], uvRB = _this__uvs[2], uvLM = _this__uvs[3], uvRM = _this__uvs[5], uvLT = _this__uvs[6], uvMT = _this__uvs[7], uvRT = _this__uvs[8];
-        wLB.set(lPosLB.x, lPosLB.y, 0).transformToVec3(matrix), uvLB.set(left, bottom);
-        wRB.set(lPosRB.x, lPosRB.y, 0).transformToVec3(matrix), uvRB.set(right, bottom);
-        wLT.set(lPosLT.x, lPosLT.y, 0).transformToVec3(matrix), uvLT.set(left, top);
-        wRT.set(lPosRT.x, lPosRT.y, 0).transformToVec3(matrix), uvRT.set(right, top);
-        engineMath.Vector3.lerp(wLB, wRB, 0.5, wMB), engineMath.Vector2.lerp(uvLB, uvRB, 0.5, uvMB);
-        engineMath.Vector3.lerp(wLB, wLT, 0.5, wLM), engineMath.Vector2.lerp(uvLB, uvLT, 0.5, uvLM);
-        engineMath.Vector3.lerp(wLT, wRT, 0.5, wMT), engineMath.Vector2.lerp(uvLT, uvRT, 0.5, uvMT);
-        engineMath.Vector3.lerp(wRB, wRT, 0.5, wRM), engineMath.Vector2.lerp(uvRB, uvRT, 0.5, uvRM);
-        var startAngle = cw ? 180 - amount * 180 : 0;
-        var endAngle = cw ? 180 : amount * 180;
-        this._vertexOffset = this._indicesOffset = 0;
-        var _this = this, inPositions = _this._inPositions, inUVs = _this._inUVs, outPositions = _this._outPositions, outUVs = _this._outUVs;
-        var subChunk = renderer._subChunk;
-        // Center is at the origin edge midpoint; two quadrants cover the full sprite.
-        // Quadrant A (0°-90°), Quadrant B (90°-180°)
-        switch(origin){
-            case SpriteFilledOrigin.Top:
-                // Center=MT, A: [MT,LT,MB,LB], B: [MT,MB,RT,RB]
-                inPositions[0] = wMT, inUVs[0] = uvMT;
-                inPositions[1] = wLT, inUVs[1] = uvLT;
-                inPositions[2] = wMB, inUVs[2] = uvMB;
-                inPositions[3] = wLB, inUVs[3] = uvLB;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle, endAngle, outPositions, outUVs);
-                inPositions[1] = wMB, inUVs[1] = uvMB;
-                inPositions[2] = wRT, inUVs[2] = uvRT;
-                inPositions[3] = wRB, inUVs[3] = uvRB;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle - 90, endAngle - 90, outPositions, outUVs);
-                break;
-            case SpriteFilledOrigin.Left:
-                // Center=LM, A: [LM,LB,RM,RB], B: [LM,RM,LT,RT]
-                inPositions[0] = wLM, inUVs[0] = uvLM;
-                inPositions[1] = wLB, inUVs[1] = uvLB;
-                inPositions[2] = wRM, inUVs[2] = uvRM;
-                inPositions[3] = wRB, inUVs[3] = uvRB;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle, endAngle, outPositions, outUVs);
-                inPositions[1] = wRM, inUVs[1] = uvRM;
-                inPositions[2] = wLT, inUVs[2] = uvLT;
-                inPositions[3] = wRT, inUVs[3] = uvRT;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle - 90, endAngle - 90, outPositions, outUVs);
-                break;
-            case SpriteFilledOrigin.Right:
-                // Center=RM, A: [RM,RT,LM,LT], B: [RM,LM,RB,LB]
-                inPositions[0] = wRM, inUVs[0] = uvRM;
-                inPositions[1] = wRT, inUVs[1] = uvRT;
-                inPositions[2] = wLM, inUVs[2] = uvLM;
-                inPositions[3] = wLT, inUVs[3] = uvLT;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle, endAngle, outPositions, outUVs);
-                inPositions[1] = wLM, inUVs[1] = uvLM;
-                inPositions[2] = wRB, inUVs[2] = uvRB;
-                inPositions[3] = wLB, inUVs[3] = uvLB;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle - 90, endAngle - 90, outPositions, outUVs);
-                break;
-            // Bottom is the default; any unsupported origin falls back to it instead of rendering stale data.
-            case SpriteFilledOrigin.Bottom:
-            default:
-                // Center=MB, A: [MB,RB,MT,RT], B: [MB,MT,LB,LT]
-                inPositions[0] = wMB, inUVs[0] = uvMB;
-                inPositions[1] = wRB, inUVs[1] = uvRB;
-                inPositions[2] = wMT, inUVs[2] = uvMT;
-                inPositions[3] = wRT, inUVs[3] = uvRT;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle, endAngle, outPositions, outUVs);
-                inPositions[1] = wMT, inUVs[1] = uvMT;
-                inPositions[2] = wLB, inUVs[2] = uvLB;
-                inPositions[3] = wLT, inUVs[3] = uvLT;
-                this._radialCut(subChunk, inPositions, inUVs, startAngle - 90, endAngle - 90, outPositions, outUVs);
-                break;
-        }
-        subChunk.indices.length = this._indicesOffset;
-    };
-    FilledSpriteAssembler._filledRadial360 = function _filledRadial360(renderer, matrix, origin, amount, cw) {
-        if (amount <= this._fillAmountEpsilon) {
-            renderer._subChunk.indices.length = 0;
-            return;
-        }
-        var startAngle = 0;
-        switch(origin){
-            case SpriteFilledOrigin.Top:
-                startAngle = cw ? 450 - amount * 360 : 90;
-                break;
-            case SpriteFilledOrigin.Left:
-                startAngle = cw ? 540 - amount * 360 : 180;
-                break;
-            case SpriteFilledOrigin.Bottom:
-                startAngle = cw ? 630 - amount * 360 : 270;
-                break;
-            // Right is handled here, and this branch also catches any unsupported origin as a fallback.
-            case SpriteFilledOrigin.Right:
-            default:
-                startAngle = cw ? 360 - amount * 360 : 0;
-                break;
-        }
-        var endAngle = startAngle + amount * 360;
-        this._processRadialGrid(renderer, matrix, startAngle, endAngle);
-    };
-    /**
-   * Prepare the 3x3 grid and process 4 quadrants for radial fill.
-   */ FilledSpriteAssembler._processRadialGrid = function _processRadialGrid(renderer, matrix, startAngle, endAngle) {
-        var sprite = renderer.sprite;
-        var _sprite__getPositions = sprite._getPositions(), lPosLB = _sprite__getPositions[0], lPosRB = _sprite__getPositions[1], lPosLT = _sprite__getPositions[2], lPosRT = _sprite__getPositions[3];
-        var spriteUVs = sprite._getUVs();
-        var _spriteUVs_ = spriteUVs[0], left = _spriteUVs_.x, bottom = _spriteUVs_.y;
-        var _spriteUVs_1 = spriteUVs[3], right = _spriteUVs_1.x, top = _spriteUVs_1.y;
-        // ---------------
-        //   LT  - MT -  RT
-        //   |     |     |
-        //   LM  - C  -  RM
-        //   |     |     |
-        //   LB -  MB -  RB
-        // ---------------
-        var _this__worldPositions = this._worldPositions, wPosLB = _this__worldPositions[0], wPosMB = _this__worldPositions[1], wPosRB = _this__worldPositions[2], wPosLM = _this__worldPositions[3], wPosC = _this__worldPositions[4], wPosRM = _this__worldPositions[5], wPosLT = _this__worldPositions[6], wPosMT = _this__worldPositions[7], wPosRT = _this__worldPositions[8];
-        var _this__uvs = this._uvs, uvLB = _this__uvs[0], uvMB = _this__uvs[1], uvRB = _this__uvs[2], uvLM = _this__uvs[3], uvC = _this__uvs[4], uvRM = _this__uvs[5], uvLT = _this__uvs[6], uvMT = _this__uvs[7], uvRT = _this__uvs[8];
-        wPosLB.set(lPosLB.x, lPosLB.y, 0).transformToVec3(matrix), uvLB.set(left, bottom);
-        wPosRB.set(lPosRB.x, lPosRB.y, 0).transformToVec3(matrix), uvRB.set(right, bottom);
-        wPosLT.set(lPosLT.x, lPosLT.y, 0).transformToVec3(matrix), uvLT.set(left, top);
-        wPosRT.set(lPosRT.x, lPosRT.y, 0).transformToVec3(matrix), uvRT.set(right, top);
-        engineMath.Vector3.lerp(wPosLB, wPosRB, 0.5, wPosMB), engineMath.Vector2.lerp(uvLB, uvRB, 0.5, uvMB);
-        engineMath.Vector3.lerp(wPosLB, wPosLT, 0.5, wPosLM), engineMath.Vector2.lerp(uvLB, uvLT, 0.5, uvLM);
-        engineMath.Vector3.lerp(wPosLT, wPosRT, 0.5, wPosMT), engineMath.Vector2.lerp(uvLT, uvRT, 0.5, uvMT);
-        engineMath.Vector3.lerp(wPosRB, wPosRT, 0.5, wPosRM), engineMath.Vector2.lerp(uvRB, uvRT, 0.5, uvRM);
-        engineMath.Vector3.lerp(wPosLB, wPosRT, 0.5, wPosC), engineMath.Vector2.lerp(uvLB, uvRT, 0.5, uvC);
-        this._vertexOffset = this._indicesOffset = 0;
-        var _this = this, inPositions = _this._inPositions, inUVs = _this._inUVs, outPositions = _this._outPositions, outUVs = _this._outUVs;
-        var subChunk = renderer._subChunk;
-        var quadrantStart = 0;
-        var quadrantEnd = 0;
-        inPositions[0] = wPosC, inUVs[0] = uvC;
-        {
-            // First quadrant (0°-90°)
-            if (startAngle >= 90) {
-                quadrantStart = startAngle - 360;
-                quadrantEnd = endAngle - 360;
-            } else {
-                quadrantStart = startAngle;
-                quadrantEnd = endAngle;
-            }
-            inPositions[1] = wPosRM, inUVs[1] = uvRM;
-            inPositions[2] = wPosMT, inUVs[2] = uvMT;
-            inPositions[3] = wPosRT, inUVs[3] = uvRT;
-            this._radialCut(subChunk, inPositions, inUVs, quadrantStart, quadrantEnd, outPositions, outUVs);
-        }
-        {
-            // Second quadrant (90°-180°)
-            if (startAngle >= 180) {
-                quadrantStart = startAngle - 360 - 90;
-                quadrantEnd = endAngle - 360 - 90;
-            } else {
-                quadrantStart = startAngle - 90;
-                quadrantEnd = endAngle - 90;
-            }
-            inPositions[1] = wPosMT, inUVs[1] = uvMT;
-            inPositions[2] = wPosLM, inUVs[2] = uvLM;
-            inPositions[3] = wPosLT, inUVs[3] = uvLT;
-            this._radialCut(subChunk, inPositions, inUVs, quadrantStart, quadrantEnd, outPositions, outUVs);
-        }
-        {
-            // Third quadrant (180°-270°)
-            if (startAngle >= 270) {
-                quadrantStart = startAngle - 360 - 180;
-                quadrantEnd = endAngle - 360 - 180;
-            } else {
-                quadrantStart = startAngle - 180;
-                quadrantEnd = endAngle - 180;
-            }
-            inPositions[1] = wPosLM, inUVs[1] = uvLM;
-            inPositions[2] = wPosMB, inUVs[2] = uvMB;
-            inPositions[3] = wPosLB, inUVs[3] = uvLB;
-            this._radialCut(subChunk, inPositions, inUVs, quadrantStart, quadrantEnd, outPositions, outUVs);
-        }
-        {
-            // Fourth quadrant (270°-360°)
-            if (startAngle >= 360) {
-                quadrantStart = startAngle - 360 - 270;
-                quadrantEnd = endAngle - 360 - 270;
-            } else {
-                quadrantStart = startAngle - 270;
-                quadrantEnd = endAngle - 270;
-            }
-            inPositions[1] = wPosMB, inUVs[1] = uvMB;
-            inPositions[2] = wPosRM, inUVs[2] = uvRM;
-            inPositions[3] = wPosRB, inUVs[3] = uvRB;
-            this._radialCut(subChunk, inPositions, inUVs, quadrantStart, quadrantEnd, outPositions, outUVs);
-        }
-        subChunk.indices.length = this._indicesOffset;
-    };
-    FilledSpriteAssembler._radialCut = function _radialCut(subChunk, positions, uvs, start, end, outPositions, outUVs) {
-        if (start >= 90 || end <= 0) return;
-        outPositions[0].copyFrom(positions[0]);
-        outUVs[0].copyFrom(uvs[0]);
-        if (start <= 0) {
-            outPositions[1].copyFrom(positions[1]);
-            outUVs[1].copyFrom(uvs[1]);
-        } else {
-            var startTan = Math.tan(start * Math.PI / 180);
-            if (startTan < 1) {
-                engineMath.Vector3.lerp(positions[1], positions[3], startTan, outPositions[1]);
-                engineMath.Vector2.lerp(uvs[1], uvs[3], startTan, outUVs[1]);
-            } else {
-                engineMath.Vector3.lerp(positions[2], positions[3], 1 / startTan, outPositions[1]);
-                engineMath.Vector2.lerp(uvs[2], uvs[3], 1 / startTan, outUVs[1]);
-            }
-        }
-        if (end >= 90) {
-            outPositions[2].copyFrom(positions[2]);
-            outUVs[2].copyFrom(uvs[2]);
-        } else {
-            var endTan = Math.tan(end * Math.PI / 180);
-            if (endTan < 1) {
-                engineMath.Vector3.lerp(positions[1], positions[3], endTan, outPositions[2]);
-                engineMath.Vector2.lerp(uvs[1], uvs[3], endTan, outUVs[2]);
-            } else {
-                engineMath.Vector3.lerp(positions[2], positions[3], 1 / endTan, outPositions[2]);
-                engineMath.Vector2.lerp(uvs[2], uvs[3], 1 / endTan, outUVs[2]);
-            }
-        }
-        // 45° is the quadrant diagonal: a sector spanning it reaches the far corner and needs a quad;
-        // otherwise the cut produces a triangle.
-        if (start < 45 && end > 45) {
-            outPositions[3].copyFrom(positions[3]);
-            outUVs[3].copyFrom(uvs[3]);
-            this._addQuad(subChunk, outPositions, outUVs);
-        } else {
-            this._addTriangle(subChunk, outPositions, outUVs);
-        }
-    };
-    FilledSpriteAssembler._addTriangle = function _addTriangle(subChunk, positions, uvs) {
-        var vertices = subChunk.chunk.vertices;
-        var indices = subChunk.indices;
-        var vertexOffset = this._vertexOffset;
-        var vertexCount = vertexOffset / 9;
-        var start = subChunk.vertexArea.start + vertexOffset;
-        for(var i = 0, o = start; i < 3; ++i, o += 9){
-            var position = positions[i];
-            var uv = uvs[i];
-            vertices[o] = position.x;
-            vertices[o + 1] = position.y;
-            vertices[o + 2] = position.z;
-            vertices[o + 3] = uv.x;
-            vertices[o + 4] = uv.y;
-        }
-        var indicesOffset = this._indicesOffset;
-        indices[indicesOffset] = vertexCount;
-        indices[indicesOffset + 1] = vertexCount + 1;
-        indices[indicesOffset + 2] = vertexCount + 2;
-        this._vertexOffset += 3 * 9;
-        this._indicesOffset += 3;
-    };
-    FilledSpriteAssembler._addQuad = function _addQuad(subChunk, positions, uvs) {
-        var vertices = subChunk.chunk.vertices;
-        var indices = subChunk.indices;
-        var vertexOffset = this._vertexOffset;
-        var vertexCount = vertexOffset / 9;
-        var start = subChunk.vertexArea.start + vertexOffset;
-        for(var i = 0, o = start; i < 4; ++i, o += 9){
-            var position = positions[i];
-            var uv = uvs[i];
-            vertices[o] = position.x;
-            vertices[o + 1] = position.y;
-            vertices[o + 2] = position.z;
-            vertices[o + 3] = uv.x;
-            vertices[o + 4] = uv.y;
-        }
-        var indicesOffset = this._indicesOffset;
-        indices[indicesOffset] = vertexCount;
-        indices[indicesOffset + 1] = vertexCount + 1;
-        indices[indicesOffset + 2] = vertexCount + 2;
-        indices[indicesOffset + 3] = vertexCount + 2;
-        indices[indicesOffset + 4] = vertexCount + 1;
-        indices[indicesOffset + 5] = vertexCount + 3;
-        this._vertexOffset += 4 * 9;
-        this._indicesOffset += 6;
-    };
-    return FilledSpriteAssembler;
-}();
-exports.FilledSpriteAssembler._matrix = new engineMath.Matrix();
-exports.FilledSpriteAssembler._worldPositions = [
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3()
-];
-exports.FilledSpriteAssembler._uvs = [
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2()
-];
-exports.FilledSpriteAssembler._inPositions = [];
-exports.FilledSpriteAssembler._inUVs = [];
-exports.FilledSpriteAssembler._outPositions = [
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3(),
-    new engineMath.Vector3()
-];
-exports.FilledSpriteAssembler._outUVs = [
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2(),
-    new engineMath.Vector2()
-];
-exports.FilledSpriteAssembler._vertexOffset = 0;
-exports.FilledSpriteAssembler._indicesOffset = 0;
-// Fill amounts at or below this are treated as empty (render nothing), avoiding degenerate geometry.
-exports.FilledSpriteAssembler._fillAmountEpsilon = 0.001;
-exports.FilledSpriteAssembler = __decorate([
-    StaticInterfaceImplement()
-], exports.FilledSpriteAssembler);
-
 exports.SimpleSpriteAssembler = /*#__PURE__*/ function() {
     function SimpleSpriteAssembler() {}
     SimpleSpriteAssembler.resetData = function resetData(renderer) {
@@ -3706,16 +3096,10 @@ var Utils = /*#__PURE__*/ function() {
         if (Utils.isAbsoluteUrl(baseUrl)) {
             return relativeUrl ? new URL(relativeUrl, baseUrl).href : baseUrl;
         }
-        // A relative virtual asset path (for example `SpriteAtlas/...`) must be
-        // treated as a path, not as the host portion of a file URL. The latter
-        // lowercases the first segment and breaks case-sensitive virtual-resource
-        // lookup in Editor previews
-        var resolvedHasLeadingSlash = baseUrl.startsWith("/") || relativeUrl.startsWith("/");
-        var head = "file:///";
-        var encodedBaseUrl = head + this._encodePathComponents(baseUrl.replace(/^\/+/, ""));
+        var head = "file://";
+        var encodedBaseUrl = head + this._encodePathComponents(baseUrl);
         var encodedRelativeUrl = this._encodePathComponents(relativeUrl);
-        var resolvedPath = decodeURIComponent(new URL(encodedRelativeUrl, encodedBaseUrl).href.slice(head.length));
-        return resolvedHasLeadingSlash ? "/" + resolvedPath : resolvedPath;
+        return decodeURIComponent(new URL(encodedRelativeUrl, encodedBaseUrl).href.slice(head.length));
     };
     /**
    * @internal
@@ -4414,7 +3798,6 @@ exports.TiledSpriteAssembler = __decorate([
     /** Overall scaling when modifying size. */ SpriteDrawMode[SpriteDrawMode["Simple"] = 0] = "Simple";
     /** When modifying the size of the renderer, it scales to fill the range according to the sprite border settings. */ SpriteDrawMode[SpriteDrawMode["Sliced"] = 1] = "Sliced";
     /** When modifying the size of the renderer, it will tile to fill the range according to the sprite border settings. */ SpriteDrawMode[SpriteDrawMode["Tiled"] = 2] = "Tiled";
-    /** Fill the sprite partially, controlled by fill amount, mode and origin. */ SpriteDrawMode[SpriteDrawMode["Filled"] = 3] = "Filled";
     return SpriteDrawMode;
 }({});
 
@@ -4459,50 +3842,430 @@ exports.TiledSpriteAssembler = __decorate([
     return TextVerticalAlignment;
 }({});
 
-var RenderElement = /*#__PURE__*/ function() {
-    function RenderElement() {
-        this.instancedRenderers = [];
-        this.subDistancePriority = 0;
-        /** @internal Marks a batch leader — a self-contained draw range that must not be merged again downstream */ this._isBatched = false;
+/**
+ * @internal
+ */ var UpdateFlagManager = /*#__PURE__*/ function() {
+    function UpdateFlagManager() {
+        /** Monotonic counter bumped on every `dispatch`; consumers can snapshot it for lazy pull-style cache invalidation. */ this.version = 0;
+        this._updateFlags = [];
+        this._listeners = [];
     }
-    var _proto = RenderElement.prototype;
-    _proto.set = function set(component, material, primitive, subPrimitive, texture, subChunk) {
-        this.component = component;
-        this.material = material;
-        this.primitive = primitive;
-        this.subPrimitive = subPrimitive;
-        this.texture = texture;
-        this.subChunk = subChunk;
-        this.instancedRenderers.length = 0;
-        this.subDistancePriority = 0;
-        this._isBatched = false;
+    var _proto = UpdateFlagManager.prototype;
+    /**
+   * Create a UpdateFlag.
+   * @returns - The UpdateFlag.
+   */ _proto.createFlag = function createFlag(type) {
+        var flag = new type();
+        this.addFlag(flag);
+        return flag;
     };
     /**
-   * @internal
-   * Copy identity fields from `source` and reset per-queue batch state, so the same
-   * logical element can live in multiple queues (e.g. an Opaque + Transparent multi-pass
-   * material) without one queue's batching corrupting another's `instancedRenderers`.
-   */ _proto._cloneFrom = function _cloneFrom(source) {
-        this.set(source.component, source.material, source.primitive, source.subPrimitive, source.texture, source.subChunk);
-        this.priority = source.priority;
-        this.distanceForSort = source.distanceForSort;
-        this.subShader = source.subShader;
-        this.shaderData = source.shaderData;
-        this.subDistancePriority = source.subDistancePriority;
+   * Add a UpdateFlag.
+   * @param flag - The UpdateFlag.
+   */ _proto.addFlag = function addFlag(flag) {
+        this._updateFlags.push(flag);
+        flag._flagManagers.push(this);
     };
-    _proto.dispose = function dispose() {
-        this.component = null;
-        this.material = null;
-        this.primitive = null;
-        this.subPrimitive = null;
-        this.subShader = null;
-        this.shaderData && (this.shaderData = null);
-        this.instancedRenderers = null;
-        this.texture && (this.texture = null);
-        this.subChunk && (this.subChunk = null);
+    /**
+   * Remove a UpdateFlag.
+   * @param flag - The UpdateFlag.
+   */ _proto.removeFlag = function removeFlag(flag) {
+        var success = Utils.removeFromArray(this._updateFlags, flag);
+        if (success) {
+            Utils.removeFromArray(flag._flagManagers, this);
+        }
     };
-    return RenderElement;
+    /**
+   * Add a listener.
+   * @param listener - The listener
+   */ _proto.addListener = function addListener(listener) {
+        this._listeners.push(listener);
+    };
+    /**
+   * Remove a listener.
+   * @param listener - The listener
+   */ _proto.removeListener = function removeListener(listener) {
+        Utils.removeFromArray(this._listeners, listener);
+    };
+    /**
+   * Dispatch a event.
+   * @param type - Event type, usually in the form of enumeration
+   * @param param - Event param
+   */ _proto.dispatch = function dispatch(type, param) {
+        this.version++;
+        var updateFlags = this._updateFlags;
+        for(var i = updateFlags.length - 1; i >= 0; i--){
+            updateFlags[i].dispatch(type, param);
+        }
+        var listeners = this._listeners;
+        for(var i1 = listeners.length - 1; i1 >= 0; i1--){
+            listeners[i1](type, param);
+        }
+    };
+    return UpdateFlagManager;
 }();
+registerDefaultCloneMode(UpdateFlagManager, CloneMode.Ignore);
+
+/**
+ * 2D sprite.
+ */ var Sprite = /*#__PURE__*/ function(ReferResource) {
+    _inherits(Sprite, ReferResource);
+    function Sprite(engine, texture, region, pivot, border, name) {
+        if (texture === void 0) texture = null;
+        if (region === void 0) region = null;
+        if (pivot === void 0) pivot = null;
+        if (border === void 0) border = null;
+        if (name === void 0) name = null;
+        var _this;
+        _this = ReferResource.call(this, engine) || this, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined, _this._positions = [
+            new engineMath.Vector2(),
+            new engineMath.Vector2(),
+            new engineMath.Vector2(),
+            new engineMath.Vector2()
+        ], _this._uvs = [
+            new engineMath.Vector2(),
+            new engineMath.Vector2(),
+            new engineMath.Vector2(),
+            new engineMath.Vector2()
+        ], _this._bounds = new engineMath.BoundingBox(), _this._texture = null, _this._atlasRotated = false, _this._atlasRegion = new engineMath.Rect(0, 0, 1, 1), _this._atlasRegionOffset = new engineMath.Vector4(0, 0, 0, 0), _this._region = new engineMath.Rect(0, 0, 1, 1), _this._pivot = new engineMath.Vector2(0.5, 0.5), _this._border = new engineMath.Vector4(0, 0, 0, 0), _this._dirtyUpdateFlag = 7, /** @internal */ _this._updateFlagManager = new UpdateFlagManager();
+        _this._texture = texture;
+        _this._onRegionChange = _this._onRegionChange.bind(_this);
+        _this._onPivotChange = _this._onPivotChange.bind(_this);
+        _this._onBorderChange = _this._onBorderChange.bind(_this);
+        // @ts-ignore
+        _this._region._onValueChanged = _this._onRegionChange;
+        // @ts-ignore
+        _this._pivot._onValueChanged = _this._onPivotChange;
+        // @ts-ignore
+        _this._border._onValueChanged = _this._onBorderChange;
+        region && _this._region.copyFrom(region);
+        pivot && _this._pivot.copyFrom(pivot);
+        border && _this._border.copyFrom(border);
+        _this.name = name;
+        return _this;
+    }
+    var _proto = Sprite.prototype;
+    /**
+   * Clone.
+   * @returns Cloned sprite
+   */ _proto.clone = function clone() {
+        var cloneSprite = new Sprite(this._engine, this._texture, this._region, this._pivot, this._border, this.name);
+        cloneSprite._atlasRotated = this._atlasRotated;
+        cloneSprite._atlasRegion.copyFrom(this._atlasRegion);
+        cloneSprite._atlasRegionOffset.copyFrom(this._atlasRegionOffset);
+        return cloneSprite;
+    };
+    /**
+   * @internal
+   */ _proto._getPositions = function _getPositions() {
+        this._dirtyUpdateFlag & 1 && this._updatePositions();
+        return this._positions;
+    };
+    /**
+   * @internal
+   */ _proto._getUVs = function _getUVs() {
+        this._dirtyUpdateFlag & 2 && this._updateUVs();
+        return this._uvs;
+    };
+    /**
+   * @internal
+   */ _proto._getBounds = function _getBounds() {
+        this._dirtyUpdateFlag & 1 && this._updatePositions();
+        return this._bounds;
+    };
+    /**
+   * @internal
+   */ _proto._addReferCount = function _addReferCount(value) {
+        var _this__atlas;
+        ReferResource.prototype._addReferCount.call(this, value);
+        (_this__atlas = this._atlas) == null ? void 0 : _this__atlas._addReferCount(value);
+    };
+    /**
+   * @internal
+   */ _proto._onDestroy = function _onDestroy() {
+        this._dispatchSpriteChange(SpriteModifyFlags.destroy);
+        ReferResource.prototype._onDestroy.call(this);
+        this._positions.length = 0;
+        this._positions = null;
+        this._uvs.length = 0;
+        this._uvs = null;
+        this._atlasRegion = null;
+        this._atlasRegionOffset = null;
+        this._region = null;
+        this._pivot = null;
+        this._border = null;
+        this._bounds = null;
+        this._atlas = null;
+        this._texture = null;
+    };
+    _proto._calDefaultSize = function _calDefaultSize() {
+        if (this._texture) {
+            var _this = this, _texture = _this._texture, _atlasRegion = _this._atlasRegion, _atlasRegionOffset = _this._atlasRegionOffset, _region = _this._region;
+            var pixelsPerUnitReciprocal = 1.0 / Engine._pixelsPerUnit;
+            this._automaticWidth = _texture.width * _atlasRegion.width / (1 - _atlasRegionOffset.x - _atlasRegionOffset.z) * _region.width * pixelsPerUnitReciprocal;
+            this._automaticHeight = _texture.height * _atlasRegion.height / (1 - _atlasRegionOffset.y - _atlasRegionOffset.w) * _region.height * pixelsPerUnitReciprocal;
+        } else {
+            this._automaticWidth = this._automaticHeight = 0;
+        }
+        this._dirtyUpdateFlag &= ~4;
+    };
+    _proto._updatePositions = function _updatePositions() {
+        var blank = this._atlasRegionOffset;
+        var _this__region = this._region, regionX = _this__region.x, regionY = _this__region.y, regionW = _this__region.width, regionH = _this__region.height;
+        var regionRight = 1 - regionX - regionW;
+        var regionBottom = 1 - regionY - regionH;
+        var left = Math.max(blank.x - regionX, 0) / regionW;
+        var bottom = Math.max(blank.w - regionY, 0) / regionH;
+        var right = 1 - Math.max(blank.z - regionRight, 0) / regionW;
+        var top = 1 - Math.max(blank.y - regionBottom, 0) / regionH;
+        // Update positions.
+        // ---------------
+        //  2 - 3
+        //  |   |
+        //  0 - 1
+        // ---------------
+        var positions = this._positions;
+        positions[0].set(left, bottom);
+        positions[1].set(right, bottom);
+        positions[2].set(left, top);
+        positions[3].set(right, top);
+        var bounds = this._bounds;
+        bounds.min.set(left, bottom, 0);
+        bounds.max.set(right, top, 0);
+        this._dirtyUpdateFlag &= ~1;
+    };
+    _proto._updateUVs = function _updateUVs() {
+        var _this = this, uv = _this._uvs, atlasRegionOffset = _this._atlasRegionOffset;
+        var _this__region = this._region, regionX = _this__region.x, regionY = _this__region.y, regionW = _this__region.width, regionH = _this__region.height;
+        var regionRight = 1 - regionX - regionW;
+        var regionBottom = 1 - regionY - regionH;
+        var _this__atlasRegion = this._atlasRegion, atlasRegionX = _this__atlasRegion.x, atlasRegionY = _this__atlasRegion.y, atlasRegionW = _this__atlasRegion.width, atlasRegionH = _this__atlasRegion.height;
+        var offsetLeft = atlasRegionOffset.x, offsetTop = atlasRegionOffset.y, offsetRight = atlasRegionOffset.z, offsetBottom = atlasRegionOffset.w;
+        var realWidth = atlasRegionW / (1 - offsetLeft - offsetRight);
+        var realHeight = atlasRegionH / (1 - offsetTop - offsetBottom);
+        // Coordinates of the four boundaries.
+        var left = Math.max(regionX - offsetLeft, 0) * realWidth + atlasRegionX;
+        var top = Math.max(regionBottom - offsetTop, 0) * realHeight + atlasRegionY;
+        var right = atlasRegionW + atlasRegionX - Math.max(regionRight - offsetRight, 0) * realWidth;
+        var bottom = atlasRegionH + atlasRegionY - Math.max(regionY - offsetBottom, 0) * realHeight;
+        var _this__border = this._border, borderLeft = _this__border.x, borderBottom = _this__border.y, borderRight = _this__border.z, borderTop = _this__border.w;
+        // Left-Bottom
+        uv[0].set(left, bottom);
+        // Border ( Left-Bottom )
+        uv[1].set((regionX - offsetLeft + borderLeft * regionW) * realWidth + atlasRegionX, atlasRegionH + atlasRegionY - (regionY - offsetBottom + borderBottom * regionH) * realHeight);
+        // Border ( Right-Top )
+        uv[2].set(atlasRegionW + atlasRegionX - (regionRight - offsetRight + borderRight * regionW) * realWidth, (regionBottom - offsetTop + borderTop * regionH) * realHeight + atlasRegionY);
+        // Right-Top
+        uv[3].set(right, top);
+        this._dirtyUpdateFlag &= ~2;
+    };
+    _proto._dispatchSpriteChange = function _dispatchSpriteChange(type) {
+        switch(type){
+            case SpriteModifyFlags.texture:
+                this._dirtyUpdateFlag |= 4;
+                break;
+            case SpriteModifyFlags.atlasRegionOffset:
+            case SpriteModifyFlags.region:
+                this._dirtyUpdateFlag |= 7;
+                break;
+            case SpriteModifyFlags.atlasRegion:
+                this._dirtyUpdateFlag |= 4 | 2;
+                break;
+            case SpriteModifyFlags.border:
+                this._dirtyUpdateFlag |= 2;
+                break;
+        }
+        this._updateFlagManager.dispatch(type);
+    };
+    _proto._onRegionChange = function _onRegionChange() {
+        var _this = this, region = _this._region;
+        // @ts-ignore
+        region._onValueChanged = null;
+        var x = engineMath.MathUtil.clamp(region.x, 0, 1);
+        var y = engineMath.MathUtil.clamp(region.y, 0, 1);
+        region.set(x, y, engineMath.MathUtil.clamp(region.width, 0, 1 - x), engineMath.MathUtil.clamp(region.height, 0, 1 - y));
+        this._dispatchSpriteChange(SpriteModifyFlags.region);
+        if (this._customWidth === undefined || this._customHeight === undefined) {
+            this._dispatchSpriteChange(SpriteModifyFlags.size);
+        }
+        // @ts-ignore
+        region._onValueChanged = this._onRegionChange;
+    };
+    _proto._onPivotChange = function _onPivotChange() {
+        this._dispatchSpriteChange(SpriteModifyFlags.pivot);
+    };
+    _proto._onBorderChange = function _onBorderChange() {
+        var _this = this, border = _this._border;
+        // @ts-ignore
+        border._onValueChanged = null;
+        var x = engineMath.MathUtil.clamp(border.x, 0, 1);
+        var y = engineMath.MathUtil.clamp(border.y, 0, 1);
+        border.set(x, y, engineMath.MathUtil.clamp(border.z, 0, 1 - x), engineMath.MathUtil.clamp(border.w, 0, 1 - y));
+        this._dispatchSpriteChange(SpriteModifyFlags.border);
+        // @ts-ignore
+        border._onValueChanged = this._onBorderChange;
+    };
+    _create_class(Sprite, [
+        {
+            key: "texture",
+            get: /**
+   * The reference to the used texture.
+   */ function get() {
+                return this._texture;
+            },
+            set: function set(value) {
+                if (this._texture !== value) {
+                    this._texture = value;
+                    this._dispatchSpriteChange(SpriteModifyFlags.texture);
+                    if (this._customWidth === undefined || this._customHeight === undefined) {
+                        this._dispatchSpriteChange(SpriteModifyFlags.size);
+                    }
+                }
+            }
+        },
+        {
+            key: "width",
+            get: /**
+   * The width of the sprite (in world coordinates).
+   *
+   * @remarks
+   * If width is set, return the set value,
+   * otherwise return the width calculated according to `Texture.width`, `Sprite.region`, `Sprite.atlasRegion` and `Sprite.atlasRegionOffset`.
+   */ function get() {
+                if (this._customWidth !== undefined) {
+                    return this._customWidth;
+                } else {
+                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
+                    return this._automaticWidth;
+                }
+            },
+            set: function set(value) {
+                if (this._customWidth !== value) {
+                    this._customWidth = value;
+                    this._dispatchSpriteChange(SpriteModifyFlags.size);
+                }
+            }
+        },
+        {
+            key: "height",
+            get: /**
+   * The height of the sprite (in world coordinates).
+   *
+   * @remarks
+   * If height is set, return the set value,
+   * otherwise return the height calculated according to `Texture.height`, `Sprite.region`, `Sprite.atlasRegion` and `Sprite.atlasRegionOffset`.
+   */ function get() {
+                if (this._customHeight !== undefined) {
+                    return this._customHeight;
+                } else {
+                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
+                    return this._automaticHeight;
+                }
+            },
+            set: function set(value) {
+                if (this._customHeight !== value) {
+                    this._customHeight = value;
+                    this._dispatchSpriteChange(SpriteModifyFlags.size);
+                }
+            }
+        },
+        {
+            key: "atlasRotated",
+            get: /**
+   * Is it rotated 90 degrees clockwise when packing.
+   */ function get() {
+                return this._atlasRotated;
+            },
+            set: function set(value) {
+                if (this._atlasRotated != value) {
+                    this._atlasRotated = value;
+                }
+            }
+        },
+        {
+            key: "atlasRegion",
+            get: /**
+   * The rectangle region of the original texture on its atlas texture, specified in normalized.
+   */ function get() {
+                return this._atlasRegion;
+            },
+            set: function set(value) {
+                var x = engineMath.MathUtil.clamp(value.x, 0, 1);
+                var y = engineMath.MathUtil.clamp(value.y, 0, 1);
+                this._atlasRegion.set(x, y, engineMath.MathUtil.clamp(value.width, 0, 1 - x), engineMath.MathUtil.clamp(value.height, 0, 1 - y));
+                this._dispatchSpriteChange(SpriteModifyFlags.atlasRegion);
+                if (this._customWidth === undefined || this._customHeight === undefined) {
+                    this._dispatchSpriteChange(SpriteModifyFlags.size);
+                }
+            }
+        },
+        {
+            key: "atlasRegionOffset",
+            get: /**
+   * The rectangle region offset of the original texture on its atlas texture, specified in normalized.
+   */ function get() {
+                return this._atlasRegionOffset;
+            },
+            set: function set(value) {
+                var x = engineMath.MathUtil.clamp(value.x, 0, 1);
+                var y = engineMath.MathUtil.clamp(value.y, 0, 1);
+                this._atlasRegionOffset.set(x, y, engineMath.MathUtil.clamp(value.z, 0, 1 - x), engineMath.MathUtil.clamp(value.w, 0, 1 - y));
+                this._dispatchSpriteChange(SpriteModifyFlags.atlasRegionOffset);
+                if (this._customWidth === undefined || this._customHeight === undefined) {
+                    this._dispatchSpriteChange(SpriteModifyFlags.size);
+                }
+            }
+        },
+        {
+            key: "region",
+            get: /**
+   * The rectangle region of the sprite, specified in normalized.
+   */ function get() {
+                return this._region;
+            },
+            set: function set(value) {
+                this._region !== value && this._region.copyFrom(value);
+            }
+        },
+        {
+            key: "pivot",
+            get: /**
+   * Location of the sprite's center point in the rectangle region, specified in normalized.
+   * The origin is at the bottom left and the default value is (0.5, 0.5).
+   */ function get() {
+                return this._pivot;
+            },
+            set: function set(value) {
+                this._pivot !== value && this._pivot.copyFrom(value);
+            }
+        },
+        {
+            key: "border",
+            get: /**
+   * Get the border of the sprite.
+   *  x      y       z     w
+   *  |      |       |     |
+   * Left, bottom, right, top.
+   * @remarks only use in sliced mode.
+   */ function get() {
+                return this._border;
+            },
+            set: function set(value) {
+                this._border !== value && this._border.copyFrom(value);
+            }
+        }
+    ]);
+    return Sprite;
+}(ReferResource);
+__decorate([
+    ignoreClone
+], Sprite.prototype, "_onRegionChange", null);
+__decorate([
+    ignoreClone
+], Sprite.prototype, "_onPivotChange", null);
+__decorate([
+    ignoreClone
+], Sprite.prototype, "_onBorderChange", null);
 
 /**
  * Blend factor.
@@ -4901,70 +4664,6 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 
-/**
- * @internal
- */ var UpdateFlagManager = /*#__PURE__*/ function() {
-    function UpdateFlagManager() {
-        /** Monotonic counter bumped on every `dispatch`; consumers can snapshot it for lazy pull-style cache invalidation. */ this.version = 0;
-        this._updateFlags = [];
-        this._listeners = [];
-    }
-    var _proto = UpdateFlagManager.prototype;
-    /**
-   * Create a UpdateFlag.
-   * @returns - The UpdateFlag.
-   */ _proto.createFlag = function createFlag(type) {
-        var flag = new type();
-        this.addFlag(flag);
-        return flag;
-    };
-    /**
-   * Add a UpdateFlag.
-   * @param flag - The UpdateFlag.
-   */ _proto.addFlag = function addFlag(flag) {
-        this._updateFlags.push(flag);
-        flag._flagManagers.push(this);
-    };
-    /**
-   * Remove a UpdateFlag.
-   * @param flag - The UpdateFlag.
-   */ _proto.removeFlag = function removeFlag(flag) {
-        var success = Utils.removeFromArray(this._updateFlags, flag);
-        if (success) {
-            Utils.removeFromArray(flag._flagManagers, this);
-        }
-    };
-    /**
-   * Add a listener.
-   * @param listener - The listener
-   */ _proto.addListener = function addListener(listener) {
-        this._listeners.push(listener);
-    };
-    /**
-   * Remove a listener.
-   * @param listener - The listener
-   */ _proto.removeListener = function removeListener(listener) {
-        Utils.removeFromArray(this._listeners, listener);
-    };
-    /**
-   * Dispatch a event.
-   * @param type - Event type, usually in the form of enumeration
-   * @param param - Event param
-   */ _proto.dispatch = function dispatch(type, param) {
-        this.version++;
-        var updateFlags = this._updateFlags;
-        for(var i = updateFlags.length - 1; i >= 0; i--){
-            updateFlags[i].dispatch(type, param);
-        }
-        var listeners = this._listeners;
-        for(var i1 = listeners.length - 1; i1 >= 0; i1--){
-            listeners[i1](type, param);
-        }
-    };
-    return UpdateFlagManager;
-}();
-registerDefaultCloneMode(UpdateFlagManager, CloneMode.Ignore);
-
 /**
  * Buffer usage.
  */ var BufferUsage = /*#__PURE__*/ function(BufferUsage) {
@@ -5324,12 +5023,10 @@ registerDefaultCloneMode(Component, CloneMode.Remap);
     };
     /**
    * @internal
-   */ ComponentsDependencies._removeCheck = function _removeCheck(entity, type, replace) {
+   */ ComponentsDependencies._removeCheck = function _removeCheck(entity, type) {
         var components = entity._components;
         var n = components.length;
         while(type !== Component){
-            // The replacement still satisfies this type and all of its base types.
-            if (replace && (replace === type || _instanceof(replace.prototype, type))) return;
             var count = 0;
             for(var i = 0; i < n; i++){
                 if (_instanceof(components[i], type) && ++count > 1) return;
@@ -5450,7 +5147,7 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
     _inherits(Transform, Component);
     function Transform(entity) {
         var _this;
-        _this = Component.call(this, entity) || this, _this._position = new engineMath.Vector3(), _this._rotation = new engineMath.Vector3(), _this._rotationQuaternion = new engineMath.Quaternion(), _this._scale = new engineMath.Vector3(1, 1, 1), _this._localUniformScaling = true, _this._worldPosition = new engineMath.Vector3(), _this._worldRotation = new engineMath.Vector3(), _this._worldRotationQuaternion = new engineMath.Quaternion(), _this._worldUniformScaling = true, _this._lossyWorldScale = new engineMath.Vector3(1, 1, 1), _this._localMatrix = new engineMath.Matrix(), _this._worldMatrix = new engineMath.Matrix(), _this._worldForward = null, _this._worldRight = null, _this._worldUp = null, _this._frontFaceInvert = false, _this._isParentDirty = true, _this._parentTransformCache = null, _this._dirtyFlag = 2558;
+        _this = Component.call(this, entity) || this, _this._position = new engineMath.Vector3(), _this._rotation = new engineMath.Vector3(), _this._rotationQuaternion = new engineMath.Quaternion(), _this._scale = new engineMath.Vector3(1, 1, 1), _this._localUniformScaling = true, _this._worldPosition = new engineMath.Vector3(), _this._worldRotation = new engineMath.Vector3(), _this._worldRotationQuaternion = new engineMath.Quaternion(), _this._worldUniformScaling = true, _this._lossyWorldScale = new engineMath.Vector3(1, 1, 1), _this._localMatrix = new engineMath.Matrix(), _this._worldMatrix = new engineMath.Matrix(), _this._worldForward = null, _this._worldRight = null, _this._worldUp = null, _this._isParentDirty = true, _this._parentTransformCache = null, _this._dirtyFlag = 510;
         _this._onPositionChanged = _this._onPositionChanged.bind(_this);
         _this._onWorldPositionChanged = _this._onWorldPositionChanged.bind(_this);
         _this._onRotationChanged = _this._onRotationChanged.bind(_this);
@@ -5601,21 +5298,16 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
    * @internal
    */ _proto._parentChange = function _parentChange() {
         this._isParentDirty = true;
-        this._updateAllWorldFlag(2492);
+        this._updateAllWorldFlag(444);
     };
     /**
    * @internal
    */ _proto._isFrontFaceInvert = function _isFrontFaceInvert() {
-        if (this._isContainDirtyFlag(2048)) {
-            var s = this._scale;
-            var invert = s.x < 0;
-            s.y < 0 && (invert = !invert);
-            s.z < 0 && (invert = !invert);
-            var parent = this._getParentTransform();
-            this._frontFaceInvert = parent ? invert !== parent._isFrontFaceInvert() : invert;
-            this._setDirtyFlagFalse(2048);
-        }
-        return this._frontFaceInvert;
+        var scale = this.lossyWorldScale;
+        var isInvert = scale.x < 0;
+        scale.y < 0 && (isInvert = !isInvert);
+        scale.z < 0 && (isInvert = !isInvert);
+        return isInvert;
     };
     /**
    * @inheritdoc
@@ -5716,10 +5408,10 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
    */ _proto._updateWorldRotationFlag = function _updateWorldRotationFlag() {
         var parent = this._getParentTransform();
         var parentWorldUniformScaling = parent ? parent._getWorldUniformScaling() : true;
-        var flags = parentWorldUniformScaling ? 152 : 2232;
+        var flags = parentWorldUniformScaling ? 152 : 184;
         if (!this._isContainDirtyFlags(flags)) {
             this._worldAssociatedChange(flags);
-            flags = this._getWorldUniformScaling() ? 156 : 2236;
+            flags = this._getWorldUniformScaling() ? 156 : 188;
             var children = this._entity._children;
             for(var i = 0, n = children.length; i < n; i++){
                 var _children_i_transform;
@@ -5738,7 +5430,7 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
    */ _proto._updateWorldPositionAndRotationFlag = function _updateWorldPositionAndRotationFlag(flags) {
         if (!this._isContainDirtyFlags(flags)) {
             this._worldAssociatedChange(flags);
-            flags = this._getWorldUniformScaling() ? 156 : 2236;
+            flags = this._getWorldUniformScaling() ? 156 : 188;
             var children = this._entity._children;
             for(var i = 0, n = children.length; i < n; i++){
                 var _children_i_transform;
@@ -5860,9 +5552,9 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
         var localUniformScaling = x == y && y == z;
         if (this._localUniformScaling !== localUniformScaling) {
             this._localUniformScaling = localUniformScaling;
-            this._updateWorldScaleFlag(2464);
+            this._updateWorldScaleFlag(416);
         } else {
-            this._updateWorldScaleFlag(2208);
+            this._updateWorldScaleFlag(160);
         }
     };
     _proto._getWorldUniformScaling = function _getWorldUniformScaling() {
@@ -6100,9 +5792,9 @@ registerDefaultCloneMode(UpdateFlag, CloneMode.Ignore);
                 var localUniformScaling = scale.x === scale.y && scale.y === scale.z;
                 if (this._localUniformScaling !== localUniformScaling) {
                     this._localUniformScaling = localUniformScaling;
-                    this._updateAllWorldFlag(2492);
+                    this._updateAllWorldFlag(444);
                 } else {
-                    this._updateAllWorldFlag(2236);
+                    this._updateAllWorldFlag(188);
                 }
             }
         },
@@ -6225,9 +5917,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], Transform.prototype, "_worldUp", void 0);
-__decorate([
-    ignoreClone
-], Transform.prototype, "_frontFaceInvert", void 0);
 __decorate([
     ignoreClone
 ], Transform.prototype, "_isParentDirty", void 0);
@@ -6272,18 +5961,16 @@ __decorate([
     /** This is an internal flag used to assist in determining the dispatch
    *  of world scaling dirty flags in the case of non-uniform scaling.
    */ TransformModifyFlags[TransformModifyFlags["IsWorldUniformScaling"] = 256] = "IsWorldUniformScaling";
-    // Note: 0x200 (UITransformModifyFlags.Size) and 0x400 (Pivot) are reserved by UITransform — do not reuse.
-    TransformModifyFlags[TransformModifyFlags["WorldFrontFaceInvert"] = 2048] = "WorldFrontFaceInvert";
     /** WorldMatrix | WorldPosition */ TransformModifyFlags[TransformModifyFlags["WmWp"] = 132] = "WmWp";
     /** WorldMatrix | WorldEuler | WorldQuat */ TransformModifyFlags[TransformModifyFlags["WmWeWq"] = 152] = "WmWeWq";
-    /** WorldMatrix | WorldEuler | WorldQuat | WorldScale | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWeWqWs"] = 2232] = "WmWeWqWs";
+    /** WorldMatrix | WorldEuler | WorldQuat | WorldScale*/ TransformModifyFlags[TransformModifyFlags["WmWeWqWs"] = 184] = "WmWeWqWs";
     /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat */ TransformModifyFlags[TransformModifyFlags["WmWpWeWq"] = 156] = "WmWpWeWq";
-    /** WorldMatrix | WorldScale | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWs"] = 2208] = "WmWs";
-    /** WorldMatrix | WorldScale | WorldUniformScaling | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWsWus"] = 2464] = "WmWsWus";
-    /** WorldMatrix | WorldPosition | WorldScale | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWpWs"] = 2212] = "WmWpWs";
-    /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWs"] = 2236] = "WmWpWeWqWs";
-    /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWsWus"] = 2492] = "WmWpWeWqWsWus";
-    /** LocalQuat | LocalMatrix | WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling | WorldFrontFaceInvert */ TransformModifyFlags[TransformModifyFlags["LqLmWmWpWeWqWsWus"] = 2558] = "LqLmWmWpWeWqWsWus";
+    /** WorldMatrix | WorldScale */ TransformModifyFlags[TransformModifyFlags["WmWs"] = 160] = "WmWs";
+    /** WorldMatrix | WorldScale | WorldUniformScaling */ TransformModifyFlags[TransformModifyFlags["WmWsWus"] = 416] = "WmWsWus";
+    /** WorldMatrix | WorldPosition | WorldScale */ TransformModifyFlags[TransformModifyFlags["WmWpWs"] = 164] = "WmWpWs";
+    /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWs"] = 188] = "WmWpWeWqWs";
+    /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWsWus"] = 444] = "WmWpWeWqWsWus";
+    /** LocalQuat | LocalMatrix | WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling */ TransformModifyFlags[TransformModifyFlags["LqLmWmWpWeWqWsWus"] = 510] = "LqLmWmWpWeWqWsWus";
     return TransformModifyFlags;
 }({});
 
@@ -6489,22 +6176,10 @@ function _construct(Parent, args, Class) {
         _this = EngineObject.call(this, engine) || this, /** The layer the entity belongs to. */ _this.layer = Layer.Layer0, /** @internal */ _this._isActiveInHierarchy = false, /** @internal */ _this._isActiveInScene = false, /** @internal */ _this._components = [], /** @internal */ _this._scripts = new DisorderedArray(), /** @internal */ _this._scriptsVersion = 0, /** @internal */ _this._children = [], /** @internal */ _this._isRoot = false, /** @internal */ _this._isActive = true, /** @internal */ _this._siblingIndex = -1, /** @internal */ _this._isTemplate = false, /** @internal */ _this._updateFlagManager = new UpdateFlagManager(), _this._parent = null, //--------------------------------------------------------------deprecated----------------------------------------------------------------
         _this._invModelMatrix = new engineMath.Matrix();
         _this.name = name != null ? name : "Entity";
-        var transformType = Transform;
-        var n = components.length;
-        for(var i = n - 1; i >= 0; i--){
-            var componentType = components[i];
-            if (Entity._isTransformType(componentType)) {
-                transformType = componentType;
-                break;
-            }
-        }
-        _this._transform = _this.addComponent(transformType);
-        for(var i1 = 0; i1 < n; i1++){
-            var componentType1 = components[i1];
-            if (!Entity._isTransformType(componentType1)) {
-                _this.addComponent(componentType1);
-            }
+        for(var i = 0, n = components.length; i < n; i++){
+            _this.addComponent(components[i]);
         }
+        !_this._transform && _this.addComponent(Transform);
         _this._inverseWorldMatFlag = _this.registerWorldChangeFlag();
         return _this;
     }
@@ -6518,19 +6193,13 @@ function _construct(Parent, args, Class) {
         for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             args[_key - 1] = arguments[_key];
         }
-        var needReplaceTransform = Entity._isTransformType(type) && this._transform;
-        if (needReplaceTransform) {
-            ComponentsDependencies._removeCheck(this, this._transform.constructor, type);
-        }
         ComponentsDependencies._addCheck(this, type);
         var component = _construct(type, [].concat([
             this
         ], args));
-        if (needReplaceTransform) {
-            this._replaceTransform(component);
-        } else {
-            this._components.push(component);
-        }
+        this._components.push(component);
+        // @todo: temporary solution
+        if (_instanceof(component, Transform)) this._setTransform(component);
         component._setActive(true, ActiveChangeFlag.All);
         return component;
     };
@@ -6643,9 +6312,16 @@ function _construct(Parent, args, Class) {
    * Clear children entities.
    */ _proto.clearChildren = function clearChildren() {
         var children = this._children;
-        while(children.length > 0){
-            children[children.length - 1]._setParent(null);
+        for(var i = children.length - 1; i >= 0; i--){
+            var child = children[i];
+            child._parent = null;
+            var activeChangeFlag = ActiveChangeFlag.None;
+            child._isActiveInHierarchy && (activeChangeFlag |= ActiveChangeFlag.Hierarchy);
+            child._isActiveInScene && (activeChangeFlag |= ActiveChangeFlag.Scene);
+            activeChangeFlag && child._processInActive(activeChangeFlag);
+            Entity._traverseSetOwnerScene(child, null); // Must after child._processInActive().
         }
+        children.length = 0;
     };
     /**
    * Clone this entity include children and components.
@@ -6738,13 +6414,9 @@ function _construct(Parent, args, Class) {
     /**
    * @internal
    */ _proto._removeComponent = function _removeComponent(component) {
-        var components = this._components;
-        var index = components.indexOf(component);
-        // A replaced Transform is detached from the component slot immediately but
-        // can still reach here later because object destruction may be deferred.
-        if (index < 0) return;
         ComponentsDependencies._removeCheck(this, component.constructor);
-        components.splice(index, 1);
+        var components = this._components;
+        components.splice(components.indexOf(component), 1);
     };
     /**
    * @internal
@@ -6946,18 +6618,10 @@ function _construct(Parent, args, Class) {
             }
         }
     };
-    _proto._replaceTransform = function _replaceTransform(value) {
-        var previous = this._transform;
-        value.position.copyFrom(previous.position);
-        value.rotationQuaternion.copyFrom(previous.rotationQuaternion);
-        value.scale.copyFrom(previous.scale);
-        // Keep the unique Transform in the same component slot. Detach the old
-        // instance before destroy because destroy can be deferred during a frame.
-        var components = this._components;
-        var previousIndex = components.indexOf(previous);
-        components[previousIndex] = value;
+    _proto._setTransform = function _setTransform(value) {
+        var _this__transform;
+        (_this__transform = this._transform) == null ? void 0 : _this__transform.destroy();
         this._transform = value;
-        previous.destroy();
         var children = this._children;
         for(var i = 0, n = children.length; i < n; i++){
             var _children_i_transform;
@@ -6973,9 +6637,6 @@ function _construct(Parent, args, Class) {
         }
         return this._invModelMatrix;
     };
-    Entity._isTransformType = function _isTransformType(type) {
-        return type === Transform || _instanceof(type.prototype, Transform);
-    };
     /**
    * @internal
    */ Entity._findChildByName = function _findChildByName(entity, childIndex, paths, pathIndex) {
@@ -7124,14 +6785,15 @@ function _construct(Parent, args, Class) {
                 return this._siblingIndex;
             },
             set: function set(value) {
+                if (this._siblingIndex === -1) {
+                    throw "The entity " + this.name + " is not in the hierarchy";
+                }
                 if (this._isRoot) {
                     this._setSiblingIndex(this._scene._rootEntities, value);
-                } else if (this._parent) {
+                } else {
                     var parent = this._parent;
                     this._setSiblingIndex(parent._children, value);
                     parent._dispatchModify(EntityModifyFlags.Child, parent);
-                } else {
-                    Logger.warn("The entity " + this.name + " is not in the hierarchy");
                 }
             }
         }
@@ -7726,7 +7388,7 @@ exports.Renderer = /*#__PURE__*/ function(Component) {
     _inherits(Renderer, Component);
     function Renderer(entity) {
         var _this;
-        _this = Component.call(this, entity) || this, /** @internal */ _this._onUpdateIndex = -1, /** @internal */ _this._rendererIndex = -1, /** @internal */ _this._globalShaderMacro = new ShaderMacroCollection(), _this._maskInteraction = SpriteMaskInteraction.None, _this._maskLayer = SpriteMaskLayer.Layer0, _this._overrideUpdate = false, _this._materials = [], _this._dirtyUpdateFlag = 0, _this._rendererLayer = new engineMath.Vector4(), _this._bounds = new engineMath.BoundingBox(), _this._shaderData = new ShaderData(ShaderDataGroup.Renderer), _this._mvMatrix = new engineMath.Matrix(), _this._mvpMatrix = new engineMath.Matrix(), _this._normalMatrix = new engineMath.Matrix(), _this._materialsInstanced = [], _this._priority = 0, _this._receiveShadows = true, /** Whether cast shadow. */ _this.castShadows = true;
+        _this = Component.call(this, entity) || this, /** @internal */ _this._onUpdateIndex = -1, /** @internal */ _this._rendererIndex = -1, /** @internal */ _this._globalShaderMacro = new ShaderMacroCollection(), /** @internal */ _this._maskInteraction = SpriteMaskInteraction.None, _this._maskLayer = SpriteMaskLayer.Layer0, _this._overrideUpdate = false, _this._materials = [], _this._dirtyUpdateFlag = 0, _this._rendererLayer = new engineMath.Vector4(), _this._bounds = new engineMath.BoundingBox(), _this._shaderData = new ShaderData(ShaderDataGroup.Renderer), _this._mvMatrix = new engineMath.Matrix(), _this._mvpMatrix = new engineMath.Matrix(), _this._normalMatrix = new engineMath.Matrix(), _this._materialsInstanced = [], _this._priority = 0, _this._receiveShadows = true, /** Whether cast shadow. */ _this.castShadows = true;
         var prototype = Renderer.prototype;
         var shaderData = _this.shaderData;
         _this._overrideUpdate = _this.update !== prototype.update;
@@ -8270,15 +7932,10 @@ ShaderBlockProperty._nameMap = Object.create(null);
    * names resolve to `rendererData[instanceID].field`.
    *
    * Inputs are expected to be already preprocessor-evaluated (no `#ifdef` left).
-   */ ShaderFactory.injectInstanceUBO = function injectInstanceUBO(engine, vertexSource, fragmentSource, activeMacros) {
+   */ ShaderFactory.injectInstanceUBO = function injectInstanceUBO(engine, vertexSource, fragmentSource) {
         var fieldMap = Object.create(null);
-        if (activeMacros) {
-            vertexSource = ShaderFactory._scanInstanceUniformsWithMacros(vertexSource, fieldMap, activeMacros);
-            fragmentSource = ShaderFactory._scanInstanceUniformsWithMacros(fragmentSource, fieldMap, activeMacros);
-        } else {
-            vertexSource = ShaderFactory._scanInstanceUniforms(vertexSource, fieldMap);
-            fragmentSource = ShaderFactory._scanInstanceUniforms(fragmentSource, fieldMap);
-        }
+        vertexSource = ShaderFactory._scanInstanceUniforms(vertexSource, fieldMap);
+        fragmentSource = ShaderFactory._scanInstanceUniforms(fragmentSource, fieldMap);
         // Even when fieldMap is empty, derived built-ins (e.g. `renderer_MVPMat`) may have
         // had their declarations stripped by scan and still need a `#define` to compile
         var instanceLayout = ShaderFactory._buildLayout(engine, fieldMap);
@@ -8322,47 +7979,6 @@ ShaderBlockProperty._nameMap = Object.create(null);
             return "";
         });
     };
-    /**
-   * Scan raw GLSL while respecting simple conditional-compilation branches so renderer uniforms
-   * in inactive branches are not moved into the instance UBO.
-   */ ShaderFactory._scanInstanceUniformsWithMacros = function _scanInstanceUniformsWithMacros(source, fieldMap, activeMacros) {
-        var branchStack = [
-            true
-        ];
-        var lines = source.split("\n");
-        for(var i = 0, n = lines.length; i < n; i++){
-            var line = lines[i];
-            var match = line.match(ShaderFactory._ifdefRegex);
-            if (match) {
-                var parentActive = branchStack[branchStack.length - 1];
-                branchStack.push(parentActive && activeMacros.has(match[1]));
-                continue;
-            }
-            match = line.match(ShaderFactory._ifndefRegex);
-            if (match) {
-                var parentActive1 = branchStack[branchStack.length - 1];
-                branchStack.push(parentActive1 && !activeMacros.has(match[1]));
-                continue;
-            }
-            if (ShaderFactory._elseRegex.test(line)) {
-                if (branchStack.length > 1) {
-                    var parentActive2 = branchStack[branchStack.length - 2];
-                    branchStack[branchStack.length - 1] = parentActive2 && !branchStack[branchStack.length - 1];
-                }
-                continue;
-            }
-            if (ShaderFactory._endifRegex.test(line)) {
-                if (branchStack.length > 1) {
-                    branchStack.pop();
-                }
-                continue;
-            }
-            if (branchStack[branchStack.length - 1]) {
-                lines[i] = ShaderFactory._scanInstanceUniforms(line, fieldMap);
-            }
-        }
-        return lines.join("\n");
-    };
     ShaderFactory._buildLayout = function _buildLayout(engine, fieldMap) {
         var maxUBOSize = engine._hardwareRenderer.maxUniformBlockSize;
         var std140Map = ShaderFactory._std140TypeInfoMap;
@@ -8619,10 +8235,6 @@ ShaderFactory._packFuncMap = function() {
         }
     };
 }();
-ShaderFactory._ifdefRegex = /^[ \t]*#ifdef\s+(\w+)/;
-ShaderFactory._ifndefRegex = /^[ \t]*#ifndef\s+(\w+)/;
-ShaderFactory._elseRegex = /^[ \t]*#else\b/;
-ShaderFactory._endifRegex = /^[ \t]*#endif\b/;
 
 /**
  * Shader tag key.
@@ -10436,20 +10048,17 @@ var precisionStr = "\n    #ifdef GL_FRAGMENT_PRECISION_HIGH\n      precision hig
             shaderMacroList.push(ShaderMacro.getByName("HAS_DERIVATIVES"));
         }
         var macroMap = ShaderPass._macroMap;
-        var activeMacroSet = ShaderPass._activeMacroSet;
         macroMap.clear();
-        activeMacroSet.clear();
         for(var i = 0, n = shaderMacroList.length; i < n; i++){
             var macro = shaderMacroList[i];
             var _macro_value;
             macroMap.set(macro.name, (_macro_value = macro.value) != null ? _macro_value : "");
-            activeMacroSet.add(macro.name);
         }
         var vertexSource = ShaderMacroProcessor.evaluate(this._vertexShaderInstructions, macroMap);
         var fragmentSource = ShaderMacroProcessor.evaluate(this._fragmentShaderInstructions, macroMap);
         var instanceLayout = null;
         if (isGPUInstance) {
-            var injected = ShaderFactory.injectInstanceUBO(engine, vertexSource, fragmentSource, activeMacroSet);
+            var injected = ShaderFactory.injectInstanceUBO(engine, vertexSource, fragmentSource);
             vertexSource = injected.vertexSource;
             fragmentSource = injected.fragmentSource;
             instanceLayout = injected.instanceLayout;
@@ -10471,7 +10080,6 @@ var precisionStr = "\n    #ifdef GL_FRAGMENT_PRECISION_HIGH\n      precision hig
 /** @internal */ ShaderPass._shaderRootPath = "shaders://root/";
 ShaderPass._shaderMacroList = [];
 ShaderPass._macroMap = new Map();
-ShaderPass._activeMacroSet = new Set();
 
 /**
  * Sub shader.
@@ -10803,917 +10411,147 @@ ShaderPass._activeMacroSet = new Set();
                 break;
             case RenderStateElementKey.RenderQueueType:
                 renderState.renderQueueType = value;
-                break;
-        }
-    };
-    Shader.getMacroByName = function getMacroByName(name, value) {
-        return ShaderMacro.getByName(name, value);
-    };
-    /**
-   * @deprecated Please use `ShaderProperty.getByName` instead
-   *
-   * Get shader property by name.
-   * @param name - Name of the shader property
-   * @returns Shader property
-   */ Shader.getPropertyByName = function getPropertyByName(name) {
-        return ShaderProperty.getByName(name);
-    };
-    _create_class(Shader, [
-        {
-            key: "subShaders",
-            get: /**
-   * Sub shaders of the shader.
-   */ function get() {
-                return this._subShaders;
-            }
-        },
-        {
-            key: "destroyed",
-            get: /**
-   * Whether it has been destroyed.
-   */ function get() {
-                return this._destroyed;
-            }
-        }
-    ]);
-    return Shader;
-}();
-/** @internal */ Shader._compileMacros = new ShaderMacroCollection();
-Shader._shaderMap = Object.create(null);
-
-/**
- * @internal
- */ var VertexMergeBatcher = /*#__PURE__*/ function() {
-    function VertexMergeBatcher() {}
-    VertexMergeBatcher.canBatchSprite = function canBatchSprite(preElement, curElement) {
-        var preRenderer = preElement.component;
-        var renderer = curElement.component;
-        var maskInteraction = preRenderer.maskInteraction;
-        var preRendererAny = preRenderer;
-        var curRendererAny = renderer;
-        var rectMaskEnabledA = preRendererAny._rectMaskEnabled;
-        if (rectMaskEnabledA !== curRendererAny._rectMaskEnabled) {
-            return false;
-        }
-        if (rectMaskEnabledA) {
-            var rectMaskRectA = preRendererAny._rectMaskRect;
-            var rectMaskRectB = curRendererAny._rectMaskRect;
-            var rectMaskSoftnessA = preRendererAny._rectMaskSoftness;
-            var rectMaskSoftnessB = curRendererAny._rectMaskSoftness;
-            if (!rectMaskRectA || !rectMaskRectB || !rectMaskSoftnessA || !rectMaskSoftnessB || rectMaskRectA.x !== rectMaskRectB.x || rectMaskRectA.y !== rectMaskRectB.y || rectMaskRectA.z !== rectMaskRectB.z || rectMaskRectA.w !== rectMaskRectB.w || rectMaskSoftnessA.x !== rectMaskSoftnessB.x || rectMaskSoftnessA.y !== rectMaskSoftnessB.y || rectMaskSoftnessA.z !== rectMaskSoftnessB.z || rectMaskSoftnessA.w !== rectMaskSoftnessB.w || preRendererAny._rectMaskHardClip !== curRendererAny._rectMaskHardClip) {
-                return false;
-            }
-        }
-        // Order: cheap reference checks → mask state → tag lookup (rare opt-out)
-        return preElement.subChunk.chunk === curElement.subChunk.chunk && preElement.texture === curElement.texture && preElement.material === curElement.material && maskInteraction === renderer.maskInteraction && (maskInteraction === SpriteMaskInteraction.None || preRenderer.maskLayer === renderer.maskLayer) && curElement.subShader.passes[0].getTagValue(VertexMergeBatcher._disableBatchTag) !== true;
-    };
-    /**
-   * Text-specific batch check: extends sprite check with outline parity.
-   * Different outlineWidth or outlineColor must split into separate draw calls,
-   * because outline uniforms are shared per draw call.
-   */ VertexMergeBatcher.canBatchText = function canBatchText(preElement, curElement) {
-        if (!VertexMergeBatcher.canBatchSprite(preElement, curElement)) {
-            return false;
-        }
-        var preRendererAny = preElement.component;
-        var curRendererAny = curElement.component;
-        if (preRendererAny._outlineWidth !== curRendererAny._outlineWidth) {
-            return false;
-        }
-        if (preRendererAny._outlineWidth > 0) {
-            var a = preRendererAny._outlineColor;
-            var b = curRendererAny._outlineColor;
-            if (a.r !== b.r || a.g !== b.g || a.b !== b.b || a.a !== b.a) {
-                return false;
-            }
-        }
-        return true;
-    };
-    VertexMergeBatcher.canBatchSpriteMask = function canBatchSpriteMask(preElement, curElement) {
-        if (preElement.subChunk.chunk !== curElement.subChunk.chunk) {
-            return false;
-        }
-        var alphaCutoffProperty = SpriteMask._alphaCutoffProperty;
-        // Compare renderer property
-        return preElement.texture === curElement.texture && preElement.component.shaderData.getFloat(alphaCutoffProperty) === curElement.component.shaderData.getFloat(alphaCutoffProperty);
-    };
-    VertexMergeBatcher.batch = function batch(preElement, curElement) {
-        var subChunk = curElement.subChunk;
-        var chunk = subChunk.chunk, localIndices = subChunk.indices;
-        var length = localIndices.length;
-        if (preElement) {
-            preElement.subChunk.subMesh.count += length;
-        } else {
-            // First write this frame — init subMesh range
-            subChunk.subMesh.start = chunk.updateIndexLength;
-            subChunk.subMesh.count = length;
-        }
-        var startIndex = chunk.updateIndexLength;
-        var _subChunk_vertexArea = subChunk.vertexArea, start = _subChunk_vertexArea.start, size = _subChunk_vertexArea.size;
-        // PrimitiveChunk vertex layout: pos(3) + uv(2) + color(4) = 9 floats per vertex
-        var vertexOffset = start / 9;
-        var indices = chunk.indices;
-        for(var i = 0; i < length; ++i){
-            indices[startIndex++] = vertexOffset + localIndices[i];
-        }
-        chunk.updateIndexLength += length;
-        chunk.updateVertexStart = Math.min(chunk.updateVertexStart, start);
-        chunk.updateVertexEnd = Math.max(chunk.updateVertexEnd, start + size);
-    };
-    return VertexMergeBatcher;
-}();
-VertexMergeBatcher._disableBatchTag = ShaderTagKey.getByName("spriteDisableBatching");
-
-/**
- * Internal helpers for sprite mask hit testing.
- * @internal
- */ var SpriteMaskUtils = /*#__PURE__*/ function() {
-    function SpriteMaskUtils() {}
-    SpriteMaskUtils.containsWorldPoint = function containsWorldPoint(worldPoint, sprite, worldMatrix, width, height, pivot, flipX, flipY, alphaCutoff) {
-        if (alphaCutoff === void 0) alphaCutoff = 0;
-        if (!sprite || !width || !height) {
-            return false;
-        }
-        var worldMatrixInv = SpriteMaskUtils._tempMat;
-        engineMath.Matrix.invert(worldMatrix, worldMatrixInv);
-        var localPosition = SpriteMaskUtils._tempVec3;
-        engineMath.Vector3.transformCoordinate(worldPoint, worldMatrixInv, localPosition);
-        var sx = flipX ? -width : width;
-        var sy = flipY ? -height : height;
-        if (!sx || !sy) {
-            return false;
-        }
-        var spriteX = localPosition.x / sx + pivot.x;
-        var spriteY = localPosition.y / sy + pivot.y;
-        var spritePositions = sprite._getPositions();
-        var _spritePositions_ = spritePositions[0], left = _spritePositions_.x, bottom = _spritePositions_.y;
-        var _spritePositions_1 = spritePositions[3], right = _spritePositions_1.x, top = _spritePositions_1.y;
-        if (!(spriteX >= left && spriteX <= right && spriteY >= bottom && spriteY <= top)) {
-            return false;
-        }
-        if (alphaCutoff <= 0) {
-            return true;
-        }
-        var texture = sprite.texture;
-        if (!texture) {
-            return false;
-        }
-        var spriteUVs = sprite._getUVs();
-        var leftU = spriteUVs[0].x;
-        var bottomV = spriteUVs[0].y;
-        var rightU = spriteUVs[3].x;
-        var topV = spriteUVs[3].y;
-        var positionWidth = right - left;
-        var positionHeight = top - bottom;
-        if (!positionWidth || !positionHeight) {
-            return false;
-        }
-        var tx = (spriteX - left) / positionWidth;
-        var ty = (spriteY - bottom) / positionHeight;
-        var u = leftU + (rightU - leftU) * tx;
-        var v = bottomV + (topV - bottomV) * ty;
-        var x = Math.min(Math.max(Math.floor(u * texture.width), 0), texture.width - 1);
-        var y = Math.min(Math.max(Math.floor(v * texture.height), 0), texture.height - 1);
-        return SpriteMaskUtils._sampleTextureAlpha(texture, x, y) >= alphaCutoff;
-    };
-    SpriteMaskUtils._sampleTextureAlpha = function _sampleTextureAlpha(texture, x, y) {
-        try {
-            switch(texture.format){
-                case TextureFormat.R8G8B8A8:
-                    {
-                        var buffer = SpriteMaskUtils._u8Buffer4;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer);
-                        return buffer[3] / 255;
-                    }
-                case TextureFormat.R4G4B4A4:
-                    {
-                        var buffer1 = SpriteMaskUtils._u16Buffer1;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer1);
-                        return (buffer1[0] & 0xf) / 15;
-                    }
-                case TextureFormat.R5G5B5A1:
-                    {
-                        var buffer2 = SpriteMaskUtils._u16Buffer1;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer2);
-                        return buffer2[0] & 0x1;
-                    }
-                case TextureFormat.Alpha8:
-                case TextureFormat.R8:
-                    {
-                        var buffer3 = SpriteMaskUtils._u8Buffer1;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer3);
-                        return buffer3[0] / 255;
-                    }
-                case TextureFormat.LuminanceAlpha:
-                case TextureFormat.R8G8:
-                    {
-                        var buffer4 = SpriteMaskUtils._u8Buffer2;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer4);
-                        return buffer4[1] / 255;
-                    }
-                case TextureFormat.R16G16B16A16:
-                    {
-                        var buffer5 = SpriteMaskUtils._u16Buffer4;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer5);
-                        return buffer5[3] / 65535;
-                    }
-                case TextureFormat.R32G32B32A32:
-                    {
-                        var buffer6 = SpriteMaskUtils._f32Buffer4;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer6);
-                        return buffer6[3];
-                    }
-                case TextureFormat.R32G32B32A32_UInt:
-                    {
-                        var buffer7 = SpriteMaskUtils._u32Buffer4;
-                        texture.getPixelBuffer(x, y, 1, 1, buffer7);
-                        return buffer7[3] / 4294967295;
-                    }
-                default:
-                    return 1;
-            }
-        } catch (e) {
-            return 1;
-        }
-    };
-    return SpriteMaskUtils;
-}();
-SpriteMaskUtils._tempMat = new engineMath.Matrix();
-SpriteMaskUtils._tempVec3 = new engineMath.Vector3();
-SpriteMaskUtils._u8Buffer1 = new Uint8Array(1);
-SpriteMaskUtils._u8Buffer2 = new Uint8Array(2);
-SpriteMaskUtils._u8Buffer4 = new Uint8Array(4);
-SpriteMaskUtils._u16Buffer1 = new Uint16Array(1);
-SpriteMaskUtils._u16Buffer4 = new Uint16Array(4);
-SpriteMaskUtils._f32Buffer4 = new Float32Array(4);
-SpriteMaskUtils._u32Buffer4 = new Uint32Array(4);
-
-/**
- * Mixin that provides shared mask rendering logic for both 2D SpriteMask and UI Mask.
- */ function MaskRenderable(Base) {
-    var MaskRenderableBase = /*#__PURE__*/ function(Base) {
-        _inherits(MaskRenderableBase, Base);
-        function MaskRenderableBase() {
-            var _this;
-            _this = Base.apply(this, arguments) || this, _this._influenceLayers = SpriteMaskLayer.Everything, /** @internal */ _this._maskIndex = -1, _this._sprite = null, _this._flipX = false, _this._flipY = false, _this._alphaCutoff = 0.5;
-            return _this;
-        }
-        var _proto = MaskRenderableBase.prototype;
-        /**
-     * @internal
-     */ // @ts-ignore
-        _proto._canBatch = function _canBatch(preElement, curElement) {
-            return VertexMergeBatcher.canBatchSpriteMask(preElement, curElement);
-        };
-        /**
-     * @internal
-     */ // @ts-ignore
-        _proto._batch = function _batch(preElement, curElement) {
-            VertexMergeBatcher.batch(preElement, curElement);
-        };
-        /**
-     * @internal
-     */ // @ts-ignore
-        _proto._onEnableInScene = function _onEnableInScene() {
-            // @ts-ignore
-            Base.prototype._onEnableInScene.call(this);
-            // @ts-ignore
-            this.scene._maskManager.addSpriteMask(this);
-        };
-        /**
-     * @internal
-     */ // @ts-ignore
-        _proto._onDisableInScene = function _onDisableInScene() {
-            // @ts-ignore
-            Base.prototype._onDisableInScene.call(this);
-            // @ts-ignore
-            this.scene._maskManager.removeSpriteMask(this);
-        };
-        /**
-     * @internal
-     */ _proto._containsWorldPoint = function _containsWorldPoint(worldPoint) {
-            return SpriteMaskUtils.containsWorldPoint(worldPoint, this._sprite, // @ts-ignore
-            this._transformEntity.transform.worldMatrix, this._getSpriteWidth(), this._getSpriteHeight(), this._getSpritePivot(), this._flipX, this._flipY, this._alphaCutoff);
-        };
-        /**
-     * @internal
-     * Initialize shared mask resources. Must be called from subclass constructor.
-     */ _proto._initMask = function _initMask() {
-            exports.SimpleSpriteAssembler.resetData(this);
-            // @ts-ignore
-            this.setMaterial(this._engine._basicResources.spriteMaskDefaultMaterial);
-            // @ts-ignore
-            this.shaderData.setFloat(MaskRenderableBase._alphaCutoffProperty, this._alphaCutoff);
-            this._renderElement = new RenderElement();
-            this._onSpriteChange = this._onSpriteChange.bind(this);
-        };
-        /**
-     * @internal
-     * Clone mask data to target. Called from subclass _onClone.
-     */ _proto._cloneMaskData = function _cloneMaskData(target) {
-            target.sprite = this._sprite;
-        };
-        /**
-     * @internal
-     * Release mask sprite resources. Called from subclass _onDestroy.
-     */ _proto._destroyMaskResources = function _destroyMaskResources() {
-            var sprite = this._sprite;
-            if (sprite) {
-                // @ts-ignore
-                this._addResourceReferCount(sprite, -1);
-                sprite._updateFlagManager.removeListener(this._onSpriteChange);
-            }
-            this._sprite = null;
-            this._renderElement = null;
-        };
-        /**
-     * @internal
-     * Update bounds using SimpleSpriteAssembler directly.
-     */ _proto._updateMaskBounds = function _updateMaskBounds(worldBounds) {
-            var sprite = this._sprite;
-            if (sprite) {
-                exports.SimpleSpriteAssembler.updatePositions(this, // @ts-ignore
-                this._transformEntity.transform.worldMatrix, this._getSpriteWidth(), this._getSpriteHeight(), this._getSpritePivot(), this._flipX, this._flipY);
-            } else {
-                // @ts-ignore
-                var worldPosition = this._transformEntity.transform.worldPosition;
-                worldBounds.min.copyFrom(worldPosition);
-                worldBounds.max.copyFrom(worldPosition);
-            }
-        };
-        /**
-     * @internal
-     * Shared render logic for mask geometry.
-     */ _proto._renderMask = function _renderMask(distanceForSort) {
-            var _this = this, sprite = _this._sprite;
-            var width = this._getSpriteWidth();
-            var height = this._getSpriteHeight();
-            if (!(sprite == null ? void 0 : sprite.texture) || !width || !height) {
-                return;
-            }
-            // @ts-ignore
-            var material = this.getMaterial();
-            if (!material) {
-                return;
-            }
-            if (material.destroyed) {
-                // @ts-ignore
-                material = this._engine._basicResources.spriteMaskDefaultMaterial;
-            }
-            // Update position
-            // @ts-ignore
-            if (this._dirtyUpdateFlag & RendererUpdateFlags.WorldVolume) {
-                exports.SimpleSpriteAssembler.updatePositions(this, // @ts-ignore
-                this._transformEntity.transform.worldMatrix, width, height, this._getSpritePivot(), this._flipX, this._flipY);
-                // @ts-ignore
-                this._dirtyUpdateFlag &= ~RendererUpdateFlags.WorldVolume;
-            }
-            // Update uv
-            // @ts-ignore
-            if (this._dirtyUpdateFlag & 2) {
-                exports.SimpleSpriteAssembler.updateUVs(this);
-                // @ts-ignore
-                this._dirtyUpdateFlag &= ~2;
-            }
-            var renderElement = this._renderElement;
-            var subChunk = this._subChunk;
-            // @ts-ignore
-            renderElement.set(this, material, subChunk.chunk.primitive, subChunk.subMesh, sprite.texture, subChunk);
-            // @ts-ignore
-            renderElement.priority = this.priority;
-            renderElement.distanceForSort = distanceForSort;
-            renderElement.subShader = material.shader.subShaders[0];
-        };
-        /** @internal */ _proto._onSpriteChange = function _onSpriteChange(type) {
-            switch(type){
-                case SpriteModifyFlags.texture:
-                    // @ts-ignore
-                    this.shaderData.setTexture(MaskRenderableBase._maskTextureProperty, this.sprite.texture);
-                    break;
-                case SpriteModifyFlags.region:
-                case SpriteModifyFlags.atlasRegionOffset:
-                    // @ts-ignore
-                    this._dirtyUpdateFlag |= 3;
-                    break;
-                case SpriteModifyFlags.atlasRegion:
-                    // @ts-ignore
-                    this._dirtyUpdateFlag |= 2;
-                    break;
-                case SpriteModifyFlags.destroy:
-                    this.sprite = null;
-                    break;
-                default:
-                    this._onSpriteChangeExtra(type);
-                    break;
-            }
-        };
-        /**
-     * @internal
-     * Hook for subclass-specific sprite change handling.
-     * SpriteMask overrides this to handle size/pivot changes.
-     */ _proto._onSpriteChangeExtra = function _onSpriteChangeExtra(type) {};
-        /** @internal */ _proto._getSpriteWidth = function _getSpriteWidth() {
-            return 0;
-        };
-        /** @internal */ _proto._getSpriteHeight = function _getSpriteHeight() {
-            return 0;
-        };
-        /** @internal */ _proto._getSpritePivot = function _getSpritePivot() {
-            return null;
-        };
-        _create_class(MaskRenderableBase, [
-            {
-                key: "influenceLayers",
-                get: /**
-     * The mask layers the sprite mask influence to.
-     */ function get() {
-                    return this._influenceLayers;
-                },
-                set: function set(value) {
-                    if (this._influenceLayers !== value) {
-                        this._influenceLayers = value;
-                        // @ts-ignore
-                        if (this._phasedActiveInScene) {
-                            // @ts-ignore
-                            this.scene._maskManager.onMaskInfluenceLayersChange();
-                        }
-                    }
-                }
-            },
-            {
-                key: "flipX",
-                get: /**
-     * Flips the sprite on the X axis.
-     */ function get() {
-                    return this._flipX;
-                },
-                set: function set(value) {
-                    if (this._flipX !== value) {
-                        this._flipX = value;
-                        // @ts-ignore
-                        this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
-                    }
-                }
-            },
-            {
-                key: "flipY",
-                get: /**
-     * Flips the sprite on the Y axis.
-     */ function get() {
-                    return this._flipY;
-                },
-                set: function set(value) {
-                    if (this._flipY !== value) {
-                        this._flipY = value;
-                        // @ts-ignore
-                        this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
-                    }
-                }
-            },
-            {
-                key: "sprite",
-                get: /**
-     * The Sprite to render.
-     */ function get() {
-                    return this._sprite;
-                },
-                set: function set(value) {
-                    var lastSprite = this._sprite;
-                    if (lastSprite !== value) {
-                        if (lastSprite) {
-                            // @ts-ignore
-                            this._addResourceReferCount(lastSprite, -1);
-                            lastSprite._updateFlagManager.removeListener(this._onSpriteChange);
-                        }
-                        // @ts-ignore
-                        this._dirtyUpdateFlag |= 11;
-                        if (value) {
-                            // @ts-ignore
-                            this._addResourceReferCount(value, 1);
-                            value._updateFlagManager.addListener(this._onSpriteChange);
-                            // @ts-ignore
-                            this.shaderData.setTexture(MaskRenderableBase._maskTextureProperty, value.texture);
-                        } else {
-                            // @ts-ignore
-                            this.shaderData.setTexture(MaskRenderableBase._maskTextureProperty, null);
-                        }
-                        this._sprite = value;
-                    }
-                }
-            },
-            {
-                key: "alphaCutoff",
-                get: /**
-     * The minimum alpha value used by the mask to select the area of influence defined over the mask's sprite. Value between 0 and 1.
-     */ function get() {
-                    return this._alphaCutoff;
-                },
-                set: function set(value) {
-                    if (this._alphaCutoff !== value) {
-                        this._alphaCutoff = value;
-                        // @ts-ignore
-                        this.shaderData.setFloat(MaskRenderableBase._alphaCutoffProperty, value);
-                    }
-                }
-            }
-        ]);
-        return MaskRenderableBase;
-    }(Base);
-    MaskRenderableBase._maskTextureProperty = ShaderProperty.getByName("renderer_MaskTexture");
-    MaskRenderableBase._alphaCutoffProperty = ShaderProperty.getByName("renderer_MaskAlphaCutoff");
-    __decorate([
-        ignoreClone
-    ], MaskRenderableBase.prototype, "_renderElement", void 0);
-    __decorate([
-        ignoreClone
-    ], MaskRenderableBase.prototype, "_maskIndex", void 0);
-    __decorate([
-        ignoreClone
-    ], MaskRenderableBase.prototype, "_sprite", void 0);
-    __decorate([
-        ignoreClone
-    ], MaskRenderableBase.prototype, "_onSpriteChange", null);
-    return MaskRenderableBase;
-}
-/**
- * @remarks Extends `RendererUpdateFlags`.
- */ var MaskDirtyFlags = /*#__PURE__*/ function(MaskDirtyFlags) {
-    /** UV. */ MaskDirtyFlags[MaskDirtyFlags["UV"] = 2] = "UV";
-    /** Automatic Size. */ MaskDirtyFlags[MaskDirtyFlags["AutomaticSize"] = 8] = "AutomaticSize";
-    /** WorldVolume and UV. */ MaskDirtyFlags[MaskDirtyFlags["WorldVolumeAndUV"] = 3] = "WorldVolumeAndUV";
-    /** All. */ MaskDirtyFlags[MaskDirtyFlags["All"] = 11] = "All";
-    return MaskDirtyFlags;
-}({});
-
-/**
- * 2D sprite.
- */ var Sprite = /*#__PURE__*/ function(ReferResource) {
-    _inherits(Sprite, ReferResource);
-    function Sprite(engine, texture, region, pivot, border, name) {
-        if (texture === void 0) texture = null;
-        if (region === void 0) region = null;
-        if (pivot === void 0) pivot = null;
-        if (border === void 0) border = null;
-        if (name === void 0) name = null;
-        var _this;
-        _this = ReferResource.call(this, engine) || this, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined, _this._positions = [
-            new engineMath.Vector2(),
-            new engineMath.Vector2(),
-            new engineMath.Vector2(),
-            new engineMath.Vector2()
-        ], _this._uvs = [
-            new engineMath.Vector2(),
-            new engineMath.Vector2(),
-            new engineMath.Vector2(),
-            new engineMath.Vector2()
-        ], _this._bounds = new engineMath.BoundingBox(), _this._texture = null, _this._atlasRotated = false, _this._atlasRegion = new engineMath.Rect(0, 0, 1, 1), _this._atlasRegionOffset = new engineMath.Vector4(0, 0, 0, 0), _this._region = new engineMath.Rect(0, 0, 1, 1), _this._pivot = new engineMath.Vector2(0.5, 0.5), _this._border = new engineMath.Vector4(0, 0, 0, 0), _this._dirtyUpdateFlag = 7, /** @internal */ _this._updateFlagManager = new UpdateFlagManager();
-        _this._texture = texture;
-        _this._onRegionChange = _this._onRegionChange.bind(_this);
-        _this._onPivotChange = _this._onPivotChange.bind(_this);
-        _this._onBorderChange = _this._onBorderChange.bind(_this);
-        // @ts-ignore
-        _this._region._onValueChanged = _this._onRegionChange;
-        // @ts-ignore
-        _this._pivot._onValueChanged = _this._onPivotChange;
-        // @ts-ignore
-        _this._border._onValueChanged = _this._onBorderChange;
-        region && _this._region.copyFrom(region);
-        pivot && _this._pivot.copyFrom(pivot);
-        border && _this._border.copyFrom(border);
-        _this.name = name;
-        return _this;
-    }
-    var _proto = Sprite.prototype;
-    /**
-   * Clone.
-   * @returns Cloned sprite
-   */ _proto.clone = function clone() {
-        var cloneSprite = new Sprite(this._engine, this._texture, this._region, this._pivot, this._border, this.name);
-        cloneSprite._atlasRotated = this._atlasRotated;
-        cloneSprite._atlasRegion.copyFrom(this._atlasRegion);
-        cloneSprite._atlasRegionOffset.copyFrom(this._atlasRegionOffset);
-        return cloneSprite;
-    };
-    /**
-   * @internal
-   */ _proto._getPositions = function _getPositions() {
-        this._dirtyUpdateFlag & 1 && this._updatePositions();
-        return this._positions;
-    };
-    /**
-   * @internal
-   */ _proto._getUVs = function _getUVs() {
-        this._dirtyUpdateFlag & 2 && this._updateUVs();
-        return this._uvs;
-    };
-    /**
-   * @internal
-   */ _proto._getBounds = function _getBounds() {
-        this._dirtyUpdateFlag & 1 && this._updatePositions();
-        return this._bounds;
-    };
-    /**
-   * @internal
-   */ _proto._addReferCount = function _addReferCount(value) {
-        var _this__atlas;
-        ReferResource.prototype._addReferCount.call(this, value);
-        (_this__atlas = this._atlas) == null ? void 0 : _this__atlas._addReferCount(value);
-    };
-    /**
-   * @internal
-   */ _proto._onDestroy = function _onDestroy() {
-        this._dispatchSpriteChange(SpriteModifyFlags.destroy);
-        ReferResource.prototype._onDestroy.call(this);
-        this._positions.length = 0;
-        this._positions = null;
-        this._uvs.length = 0;
-        this._uvs = null;
-        this._atlasRegion = null;
-        this._atlasRegionOffset = null;
-        this._region = null;
-        this._pivot = null;
-        this._border = null;
-        this._bounds = null;
-        this._atlas = null;
-        this._texture = null;
-    };
-    _proto._calDefaultSize = function _calDefaultSize() {
-        if (this._texture) {
-            var _this = this, _texture = _this._texture, _atlasRegion = _this._atlasRegion, _atlasRegionOffset = _this._atlasRegionOffset, _region = _this._region;
-            var pixelsPerUnitReciprocal = 1.0 / Engine._pixelsPerUnit;
-            this._automaticWidth = _texture.width * _atlasRegion.width / (1 - _atlasRegionOffset.x - _atlasRegionOffset.z) * _region.width * pixelsPerUnitReciprocal;
-            this._automaticHeight = _texture.height * _atlasRegion.height / (1 - _atlasRegionOffset.y - _atlasRegionOffset.w) * _region.height * pixelsPerUnitReciprocal;
-        } else {
-            this._automaticWidth = this._automaticHeight = 0;
-        }
-        this._dirtyUpdateFlag &= ~4;
-    };
-    _proto._updatePositions = function _updatePositions() {
-        var blank = this._atlasRegionOffset;
-        var _this__region = this._region, regionX = _this__region.x, regionY = _this__region.y, regionW = _this__region.width, regionH = _this__region.height;
-        var regionRight = 1 - regionX - regionW;
-        var regionBottom = 1 - regionY - regionH;
-        var left = Math.max(blank.x - regionX, 0) / regionW;
-        var bottom = Math.max(blank.w - regionY, 0) / regionH;
-        var right = 1 - Math.max(blank.z - regionRight, 0) / regionW;
-        var top = 1 - Math.max(blank.y - regionBottom, 0) / regionH;
-        // Update positions.
-        // ---------------
-        //  2 - 3
-        //  |   |
-        //  0 - 1
-        // ---------------
-        var positions = this._positions;
-        positions[0].set(left, bottom);
-        positions[1].set(right, bottom);
-        positions[2].set(left, top);
-        positions[3].set(right, top);
-        var bounds = this._bounds;
-        bounds.min.set(left, bottom, 0);
-        bounds.max.set(right, top, 0);
-        this._dirtyUpdateFlag &= ~1;
-    };
-    _proto._updateUVs = function _updateUVs() {
-        var _this = this, uv = _this._uvs, atlasRegionOffset = _this._atlasRegionOffset;
-        var _this__region = this._region, regionX = _this__region.x, regionY = _this__region.y, regionW = _this__region.width, regionH = _this__region.height;
-        var regionRight = 1 - regionX - regionW;
-        var regionBottom = 1 - regionY - regionH;
-        var _this__atlasRegion = this._atlasRegion, atlasRegionX = _this__atlasRegion.x, atlasRegionY = _this__atlasRegion.y, atlasRegionW = _this__atlasRegion.width, atlasRegionH = _this__atlasRegion.height;
-        var offsetLeft = atlasRegionOffset.x, offsetTop = atlasRegionOffset.y, offsetRight = atlasRegionOffset.z, offsetBottom = atlasRegionOffset.w;
-        var realWidth = atlasRegionW / (1 - offsetLeft - offsetRight);
-        var realHeight = atlasRegionH / (1 - offsetTop - offsetBottom);
-        // Coordinates of the four boundaries.
-        var left = Math.max(regionX - offsetLeft, 0) * realWidth + atlasRegionX;
-        var top = Math.max(regionBottom - offsetTop, 0) * realHeight + atlasRegionY;
-        var right = atlasRegionW + atlasRegionX - Math.max(regionRight - offsetRight, 0) * realWidth;
-        var bottom = atlasRegionH + atlasRegionY - Math.max(regionY - offsetBottom, 0) * realHeight;
-        var _this__border = this._border, borderLeft = _this__border.x, borderBottom = _this__border.y, borderRight = _this__border.z, borderTop = _this__border.w;
-        // Left-Bottom
-        uv[0].set(left, bottom);
-        // Border ( Left-Bottom )
-        uv[1].set((regionX - offsetLeft + borderLeft * regionW) * realWidth + atlasRegionX, atlasRegionH + atlasRegionY - (regionY - offsetBottom + borderBottom * regionH) * realHeight);
-        // Border ( Right-Top )
-        uv[2].set(atlasRegionW + atlasRegionX - (regionRight - offsetRight + borderRight * regionW) * realWidth, (regionBottom - offsetTop + borderTop * regionH) * realHeight + atlasRegionY);
-        // Right-Top
-        uv[3].set(right, top);
-        this._dirtyUpdateFlag &= ~2;
-    };
-    _proto._dispatchSpriteChange = function _dispatchSpriteChange(type) {
-        switch(type){
-            case SpriteModifyFlags.texture:
-                this._dirtyUpdateFlag |= 4;
-                break;
-            case SpriteModifyFlags.atlasRegionOffset:
-            case SpriteModifyFlags.region:
-                this._dirtyUpdateFlag |= 7;
-                break;
-            case SpriteModifyFlags.atlasRegion:
-                this._dirtyUpdateFlag |= 4 | 2;
-                break;
-            case SpriteModifyFlags.border:
-                this._dirtyUpdateFlag |= 2;
-                break;
-        }
-        this._updateFlagManager.dispatch(type);
-    };
-    _proto._onRegionChange = function _onRegionChange() {
-        var _this = this, region = _this._region;
-        // @ts-ignore
-        region._onValueChanged = null;
-        var x = engineMath.MathUtil.clamp(region.x, 0, 1);
-        var y = engineMath.MathUtil.clamp(region.y, 0, 1);
-        region.set(x, y, engineMath.MathUtil.clamp(region.width, 0, 1 - x), engineMath.MathUtil.clamp(region.height, 0, 1 - y));
-        this._dispatchSpriteChange(SpriteModifyFlags.region);
-        if (this._customWidth === undefined || this._customHeight === undefined) {
-            this._dispatchSpriteChange(SpriteModifyFlags.size);
-        }
-        // @ts-ignore
-        region._onValueChanged = this._onRegionChange;
-    };
-    _proto._onPivotChange = function _onPivotChange() {
-        this._dispatchSpriteChange(SpriteModifyFlags.pivot);
-    };
-    _proto._onBorderChange = function _onBorderChange() {
-        var _this = this, border = _this._border;
-        // @ts-ignore
-        border._onValueChanged = null;
-        var x = engineMath.MathUtil.clamp(border.x, 0, 1);
-        var y = engineMath.MathUtil.clamp(border.y, 0, 1);
-        border.set(x, y, engineMath.MathUtil.clamp(border.z, 0, 1 - x), engineMath.MathUtil.clamp(border.w, 0, 1 - y));
-        this._dispatchSpriteChange(SpriteModifyFlags.border);
-        // @ts-ignore
-        border._onValueChanged = this._onBorderChange;
-    };
-    _create_class(Sprite, [
-        {
-            key: "texture",
-            get: /**
-   * The reference to the used texture.
-   */ function get() {
-                return this._texture;
-            },
-            set: function set(value) {
-                if (this._texture !== value) {
-                    this._texture = value;
-                    this._dispatchSpriteChange(SpriteModifyFlags.texture);
-                    if (this._customWidth === undefined || this._customHeight === undefined) {
-                        this._dispatchSpriteChange(SpriteModifyFlags.size);
-                    }
-                }
-            }
-        },
-        {
-            key: "width",
-            get: /**
-   * The width of the sprite (in world coordinates).
-   *
-   * @remarks
-   * If width is set, return the set value,
-   * otherwise return the width calculated according to `Texture.width`, `Sprite.region`, `Sprite.atlasRegion` and `Sprite.atlasRegionOffset`.
-   */ function get() {
-                if (this._customWidth !== undefined) {
-                    return this._customWidth;
-                } else {
-                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
-                    return this._automaticWidth;
-                }
-            },
-            set: function set(value) {
-                if (this._customWidth !== value) {
-                    this._customWidth = value;
-                    this._dispatchSpriteChange(SpriteModifyFlags.size);
-                }
-            }
-        },
-        {
-            key: "height",
-            get: /**
-   * The height of the sprite (in world coordinates).
+                break;
+        }
+    };
+    Shader.getMacroByName = function getMacroByName(name, value) {
+        return ShaderMacro.getByName(name, value);
+    };
+    /**
+   * @deprecated Please use `ShaderProperty.getByName` instead
    *
-   * @remarks
-   * If height is set, return the set value,
-   * otherwise return the height calculated according to `Texture.height`, `Sprite.region`, `Sprite.atlasRegion` and `Sprite.atlasRegionOffset`.
-   */ function get() {
-                if (this._customHeight !== undefined) {
-                    return this._customHeight;
-                } else {
-                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
-                    return this._automaticHeight;
-                }
-            },
-            set: function set(value) {
-                if (this._customHeight !== value) {
-                    this._customHeight = value;
-                    this._dispatchSpriteChange(SpriteModifyFlags.size);
-                }
-            }
-        },
-        {
-            key: "atlasRotated",
-            get: /**
-   * Is it rotated 90 degrees clockwise when packing.
-   */ function get() {
-                return this._atlasRotated;
-            },
-            set: function set(value) {
-                if (this._atlasRotated != value) {
-                    this._atlasRotated = value;
-                }
-            }
-        },
-        {
-            key: "atlasRegion",
-            get: /**
-   * The rectangle region of the original texture on its atlas texture, specified in normalized.
-   */ function get() {
-                return this._atlasRegion;
-            },
-            set: function set(value) {
-                var x = engineMath.MathUtil.clamp(value.x, 0, 1);
-                var y = engineMath.MathUtil.clamp(value.y, 0, 1);
-                this._atlasRegion.set(x, y, engineMath.MathUtil.clamp(value.width, 0, 1 - x), engineMath.MathUtil.clamp(value.height, 0, 1 - y));
-                this._dispatchSpriteChange(SpriteModifyFlags.atlasRegion);
-                if (this._customWidth === undefined || this._customHeight === undefined) {
-                    this._dispatchSpriteChange(SpriteModifyFlags.size);
-                }
-            }
-        },
-        {
-            key: "atlasRegionOffset",
-            get: /**
-   * The rectangle region offset of the original texture on its atlas texture, specified in normalized.
-   */ function get() {
-                return this._atlasRegionOffset;
-            },
-            set: function set(value) {
-                var x = engineMath.MathUtil.clamp(value.x, 0, 1);
-                var y = engineMath.MathUtil.clamp(value.y, 0, 1);
-                this._atlasRegionOffset.set(x, y, engineMath.MathUtil.clamp(value.z, 0, 1 - x), engineMath.MathUtil.clamp(value.w, 0, 1 - y));
-                this._dispatchSpriteChange(SpriteModifyFlags.atlasRegionOffset);
-                if (this._customWidth === undefined || this._customHeight === undefined) {
-                    this._dispatchSpriteChange(SpriteModifyFlags.size);
-                }
-            }
-        },
-        {
-            key: "region",
-            get: /**
-   * The rectangle region of the sprite, specified in normalized.
-   */ function get() {
-                return this._region;
-            },
-            set: function set(value) {
-                this._region !== value && this._region.copyFrom(value);
-            }
-        },
+   * Get shader property by name.
+   * @param name - Name of the shader property
+   * @returns Shader property
+   */ Shader.getPropertyByName = function getPropertyByName(name) {
+        return ShaderProperty.getByName(name);
+    };
+    _create_class(Shader, [
         {
-            key: "pivot",
+            key: "subShaders",
             get: /**
-   * Location of the sprite's center point in the rectangle region, specified in normalized.
-   * The origin is at the bottom left and the default value is (0.5, 0.5).
+   * Sub shaders of the shader.
    */ function get() {
-                return this._pivot;
-            },
-            set: function set(value) {
-                this._pivot !== value && this._pivot.copyFrom(value);
+                return this._subShaders;
             }
         },
         {
-            key: "border",
+            key: "destroyed",
             get: /**
-   * Get the border of the sprite.
-   *  x      y       z     w
-   *  |      |       |     |
-   * Left, bottom, right, top.
-   * @remarks only use in sliced mode.
+   * Whether it has been destroyed.
    */ function get() {
-                return this._border;
-            },
-            set: function set(value) {
-                this._border !== value && this._border.copyFrom(value);
+                return this._destroyed;
             }
         }
     ]);
-    return Sprite;
-}(ReferResource);
-__decorate([
-    ignoreClone
-], Sprite.prototype, "_onRegionChange", null);
-__decorate([
-    ignoreClone
-], Sprite.prototype, "_onPivotChange", null);
-__decorate([
-    ignoreClone
-], Sprite.prototype, "_onBorderChange", null);
+    return Shader;
+}();
+/** @internal */ Shader._compileMacros = new ShaderMacroCollection();
+Shader._shaderMap = Object.create(null);
+
+/**
+ * @internal
+ */ var VertexMergeBatcher = /*#__PURE__*/ function() {
+    function VertexMergeBatcher() {}
+    VertexMergeBatcher.canBatchSprite = function canBatchSprite(preElement, curElement) {
+        var preRenderer = preElement.component;
+        var renderer = curElement.component;
+        var maskInteraction = preRenderer.maskInteraction;
+        // Order: cheap reference checks → mask state → tag lookup (rare opt-out)
+        return preElement.subChunk.chunk === curElement.subChunk.chunk && preElement.texture === curElement.texture && preElement.material === curElement.material && maskInteraction === renderer.maskInteraction && (maskInteraction === SpriteMaskInteraction.None || preRenderer.maskLayer === renderer.maskLayer) && curElement.subShader.passes[0].getTagValue(VertexMergeBatcher._disableBatchTag) !== true;
+    };
+    VertexMergeBatcher.canBatchSpriteMask = function canBatchSpriteMask(preElement, curElement) {
+        if (preElement.subChunk.chunk !== curElement.subChunk.chunk) {
+            return false;
+        }
+        var alphaCutoffProperty = SpriteMask._alphaCutoffProperty;
+        // Compare renderer property
+        return preElement.texture === curElement.texture && preElement.component.shaderData.getFloat(alphaCutoffProperty) === curElement.component.shaderData.getFloat(alphaCutoffProperty);
+    };
+    VertexMergeBatcher.batch = function batch(preElement, curElement) {
+        var subChunk = curElement.subChunk;
+        var chunk = subChunk.chunk, localIndices = subChunk.indices;
+        var length = localIndices.length;
+        if (preElement) {
+            preElement.subChunk.subMesh.count += length;
+        } else {
+            // First write this frame — init subMesh range
+            subChunk.subMesh.start = chunk.updateIndexLength;
+            subChunk.subMesh.count = length;
+        }
+        var startIndex = chunk.updateIndexLength;
+        var _subChunk_vertexArea = subChunk.vertexArea, start = _subChunk_vertexArea.start, size = _subChunk_vertexArea.size;
+        // PrimitiveChunk vertex layout: pos(3) + uv(2) + color(4) = 9 floats per vertex
+        var vertexOffset = start / 9;
+        var indices = chunk.indices;
+        for(var i = 0; i < length; ++i){
+            indices[startIndex++] = vertexOffset + localIndices[i];
+        }
+        chunk.updateIndexLength += length;
+        chunk.updateVertexStart = Math.min(chunk.updateVertexStart, start);
+        chunk.updateVertexEnd = Math.max(chunk.updateVertexEnd, start + size);
+    };
+    return VertexMergeBatcher;
+}();
+VertexMergeBatcher._disableBatchTag = ShaderTagKey.getByName("spriteDisableBatching");
+
+var RenderElement = /*#__PURE__*/ function() {
+    function RenderElement() {
+        this.instancedRenderers = [];
+        this.subDistancePriority = 0;
+        /** @internal Marks a batch leader — a self-contained draw range that must not be merged again downstream */ this._isBatched = false;
+    }
+    var _proto = RenderElement.prototype;
+    _proto.set = function set(component, material, primitive, subPrimitive, texture, subChunk) {
+        this.component = component;
+        this.material = material;
+        this.primitive = primitive;
+        this.subPrimitive = subPrimitive;
+        this.texture = texture;
+        this.subChunk = subChunk;
+        this.instancedRenderers.length = 0;
+        this.subDistancePriority = 0;
+        this._isBatched = false;
+    };
+    /**
+   * @internal
+   * Copy identity fields from `source` and reset per-queue batch state, so the same
+   * logical element can live in multiple queues (e.g. an Opaque + Transparent multi-pass
+   * material) without one queue's batching corrupting another's `instancedRenderers`.
+   */ _proto._cloneFrom = function _cloneFrom(source) {
+        this.set(source.component, source.material, source.primitive, source.subPrimitive, source.texture, source.subChunk);
+        this.priority = source.priority;
+        this.distanceForSort = source.distanceForSort;
+        this.subShader = source.subShader;
+        this.shaderData = source.shaderData;
+        this.subDistancePriority = source.subDistancePriority;
+    };
+    _proto.dispose = function dispose() {
+        this.component = null;
+        this.material = null;
+        this.primitive = null;
+        this.subPrimitive = null;
+        this.subShader = null;
+        this.shaderData && (this.shaderData = null);
+        this.instancedRenderers = null;
+        this.texture && (this.texture = null);
+        this.subChunk && (this.subChunk = null);
+    };
+    return RenderElement;
+}();
 
 /**
  * A component for masking Sprites.
- */ var SpriteMask = /*#__PURE__*/ function(_MaskRenderable) {
-    _inherits(SpriteMask, _MaskRenderable);
+ */ var SpriteMask = /*#__PURE__*/ function(Renderer) {
+    _inherits(SpriteMask, Renderer);
     function SpriteMask(entity) {
         var _this;
-        _this = _MaskRenderable.call(this, entity) || this, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined;
-        _this._initMask();
+        _this = Renderer.call(this, entity) || this, /** The mask layers the sprite mask influence to. */ _this.influenceLayers = SpriteMaskLayer.Everything, /** @internal */ _this._maskIndex = -1, _this._sprite = null, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined, _this._flipX = false, _this._flipY = false, _this._alphaCutoff = 0.5;
+        exports.SimpleSpriteAssembler.resetData(_this);
+        _this.setMaterial(_this._engine._basicResources.spriteMaskDefaultMaterial);
+        _this.shaderData.setFloat(SpriteMask._alphaCutoffProperty, _this._alphaCutoff);
+        _this._renderElement = new RenderElement();
+        _this._onSpriteChange = _this._onSpriteChange.bind(_this);
         return _this;
     }
     var _proto = SpriteMask.prototype;
@@ -11726,8 +10564,30 @@ __decorate([
     /**
    * @inheritdoc
    */ _proto._onClone = function _onClone(target) {
-        _MaskRenderable.prototype._onClone.call(this, target);
-        this._cloneMaskData(target);
+        Renderer.prototype._onClone.call(this, target);
+        target.sprite = this._sprite;
+    };
+    /**
+   * @internal
+   */ _proto._canBatch = function _canBatch(preElement, curElement) {
+        return VertexMergeBatcher.canBatchSpriteMask(preElement, curElement);
+    };
+    /**
+   * @internal
+   */ _proto._batch = function _batch(preElement, curElement) {
+        VertexMergeBatcher.batch(preElement, curElement);
+    };
+    /**
+   * @internal
+   */ _proto._onEnableInScene = function _onEnableInScene() {
+        Renderer.prototype._onEnableInScene.call(this);
+        this.scene._maskManager.addSpriteMask(this);
+    };
+    /**
+   * @internal
+   */ _proto._onDisableInScene = function _onDisableInScene() {
+        Renderer.prototype._onDisableInScene.call(this);
+        this.scene._maskManager.removeSpriteMask(this);
     };
     /**
    * @internal
@@ -11735,56 +10595,100 @@ __decorate([
         return this.engine._batcherManager.primitiveChunkManagerMask;
     };
     _proto._updateBounds = function _updateBounds(worldBounds) {
-        this._updateMaskBounds(worldBounds);
+        var sprite = this._sprite;
+        if (sprite) {
+            exports.SimpleSpriteAssembler.updatePositions(this, this._transformEntity.transform.worldMatrix, this.width, this.height, sprite.pivot, this._flipX, this._flipY);
+        } else {
+            var worldPosition = this._transformEntity.transform.worldPosition;
+            worldBounds.min.copyFrom(worldPosition);
+            worldBounds.max.copyFrom(worldPosition);
+        }
     };
     /**
    * @inheritdoc
    */ _proto._render = function _render(context) {
-        this._renderMask(this._distanceForSort);
+        var _this = this, sprite = _this._sprite;
+        if (!(sprite == null ? void 0 : sprite.texture) || !this.width || !this.height) {
+            return;
+        }
+        var material = this.getMaterial();
+        if (!material) {
+            return;
+        }
+        var _this1 = this, engine = _this1._engine;
+        // @todo: This question needs to be raised rather than hidden.
+        if (material.destroyed) {
+            material = engine._basicResources.spriteMaskDefaultMaterial;
+        }
+        // Update position
+        if (this._dirtyUpdateFlag & RendererUpdateFlags.WorldVolume) {
+            exports.SimpleSpriteAssembler.updatePositions(this, this._transformEntity.transform.worldMatrix, this.width, this.height, sprite.pivot, this._flipX, this._flipY);
+            this._dirtyUpdateFlag &= ~RendererUpdateFlags.WorldVolume;
+        }
+        // Update uv
+        if (this._dirtyUpdateFlag & 2) {
+            exports.SimpleSpriteAssembler.updateUVs(this);
+            this._dirtyUpdateFlag &= ~2;
+        }
+        var renderElement = this._renderElement;
+        var subChunk = this._subChunk;
+        renderElement.set(this, material, subChunk.chunk.primitive, subChunk.subMesh, this.sprite.texture, subChunk);
+        renderElement.priority = this.priority;
+        renderElement.distanceForSort = this._distanceForSort;
+        renderElement.subShader = material.shader.subShaders[0];
     };
     /**
    * @inheritdoc
    */ _proto._onDestroy = function _onDestroy() {
-        this._destroyMaskResources();
-        _MaskRenderable.prototype._onDestroy.call(this);
+        var sprite = this._sprite;
+        if (sprite) {
+            this._addResourceReferCount(sprite, -1);
+            sprite._updateFlagManager.removeListener(this._onSpriteChange);
+        }
+        Renderer.prototype._onDestroy.call(this);
+        this._sprite = null;
         if (this._subChunk) {
             this._getChunkManager().freeSubChunk(this._subChunk);
             this._subChunk = null;
         }
+        this._renderElement = null;
     };
-    _proto._getSpriteWidth = function _getSpriteWidth() {
-        return this.width;
-    };
-    _proto._getSpriteHeight = function _getSpriteHeight() {
-        return this.height;
-    };
-    _proto._getSpritePivot = function _getSpritePivot() {
-        var _this_sprite;
-        return (_this_sprite = this.sprite) == null ? void 0 : _this_sprite.pivot;
+    _proto._calDefaultSize = function _calDefaultSize() {
+        var sprite = this._sprite;
+        if (sprite) {
+            this._automaticWidth = sprite.width;
+            this._automaticHeight = sprite.height;
+        } else {
+            this._automaticWidth = this._automaticHeight = 0;
+        }
+        this._dirtyUpdateFlag &= ~4;
     };
-    _proto._onSpriteChangeExtra = function _onSpriteChangeExtra(type) {
+    _proto._onSpriteChange = function _onSpriteChange(type) {
         switch(type){
+            case SpriteModifyFlags.texture:
+                this.shaderData.setTexture(SpriteMask._textureProperty, this.sprite.texture);
+                break;
             case SpriteModifyFlags.size:
-                this._dirtyUpdateFlag |= MaskDirtyFlags.AutomaticSize;
+                this._dirtyUpdateFlag |= 4;
                 if (this._customWidth === undefined || this._customHeight === undefined) {
                     this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
                 }
                 break;
+            case SpriteModifyFlags.region:
+            case SpriteModifyFlags.atlasRegionOffset:
+                this._dirtyUpdateFlag |= 3;
+                break;
+            case SpriteModifyFlags.atlasRegion:
+                this._dirtyUpdateFlag |= 2;
+                break;
             case SpriteModifyFlags.pivot:
                 this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
                 break;
+            case SpriteModifyFlags.destroy:
+                this.sprite = null;
+                break;
         }
     };
-    _proto._calDefaultSize = function _calDefaultSize() {
-        var sprite = this.sprite;
-        if (sprite) {
-            this._automaticWidth = sprite.width;
-            this._automaticHeight = sprite.height;
-        } else {
-            this._automaticWidth = this._automaticHeight = 0;
-        }
-        this._dirtyUpdateFlag &= ~MaskDirtyFlags.AutomaticSize;
-    };
     _create_class(SpriteMask, [
         {
             key: "width",
@@ -11798,7 +10702,7 @@ __decorate([
                 if (this._customWidth !== undefined) {
                     return this._customWidth;
                 } else {
-                    this._dirtyUpdateFlag & MaskDirtyFlags.AutomaticSize && this._calDefaultSize();
+                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
                     return this._automaticWidth;
                 }
             },
@@ -11821,7 +10725,7 @@ __decorate([
                 if (this._customHeight !== undefined) {
                     return this._customHeight;
                 } else {
-                    this._dirtyUpdateFlag & MaskDirtyFlags.AutomaticSize && this._calDefaultSize();
+                    this._dirtyUpdateFlag & 4 && this._calDefaultSize();
                     return this._automaticHeight;
                 }
             },
@@ -11831,21 +10735,101 @@ __decorate([
                     this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
                 }
             }
+        },
+        {
+            key: "flipX",
+            get: /**
+   * Flips the sprite on the X axis.
+   */ function get() {
+                return this._flipX;
+            },
+            set: function set(value) {
+                if (this._flipX !== value) {
+                    this._flipX = value;
+                    this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
+                }
+            }
+        },
+        {
+            key: "flipY",
+            get: /**
+   * Flips the sprite on the Y axis.
+   */ function get() {
+                return this._flipY;
+            },
+            set: function set(value) {
+                if (this._flipY !== value) {
+                    this._flipY = value;
+                    this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
+                }
+            }
+        },
+        {
+            key: "sprite",
+            get: /**
+   * The Sprite to render.
+   */ function get() {
+                return this._sprite;
+            },
+            set: function set(value) {
+                var lastSprite = this._sprite;
+                if (lastSprite !== value) {
+                    if (lastSprite) {
+                        this._addResourceReferCount(lastSprite, -1);
+                        lastSprite._updateFlagManager.removeListener(this._onSpriteChange);
+                    }
+                    this._dirtyUpdateFlag |= 7;
+                    if (value) {
+                        this._addResourceReferCount(value, 1);
+                        value._updateFlagManager.addListener(this._onSpriteChange);
+                        this.shaderData.setTexture(SpriteMask._textureProperty, value.texture);
+                    } else {
+                        this.shaderData.setTexture(SpriteMask._textureProperty, null);
+                    }
+                    this._sprite = value;
+                }
+            }
+        },
+        {
+            key: "alphaCutoff",
+            get: /**
+   * The minimum alpha value used by the mask to select the area of influence defined over the mask's sprite. Value between 0 and 1.
+   */ function get() {
+                return this._alphaCutoff;
+            },
+            set: function set(value) {
+                if (this._alphaCutoff !== value) {
+                    this._alphaCutoff = value;
+                    this.shaderData.setFloat(SpriteMask._alphaCutoffProperty, value);
+                }
+            }
         }
     ]);
     return SpriteMask;
-}(MaskRenderable(exports.Renderer));
-/** @internal */ SpriteMask._alphaCutoffProperty = ShaderProperty.getByName("renderer_MaskAlphaCutoff");
+}(exports.Renderer);
 /** @internal */ SpriteMask._textureProperty = ShaderProperty.getByName("renderer_MaskTexture");
+/** @internal */ SpriteMask._alphaCutoffProperty = ShaderProperty.getByName("renderer_MaskAlphaCutoff");
+__decorate([
+    ignoreClone
+], SpriteMask.prototype, "_renderElement", void 0);
 __decorate([
     ignoreClone
 ], SpriteMask.prototype, "_subChunk", void 0);
+__decorate([
+    ignoreClone
+], SpriteMask.prototype, "_maskIndex", void 0);
+__decorate([
+    ignoreClone
+], SpriteMask.prototype, "_sprite", void 0);
 __decorate([
     ignoreClone
 ], SpriteMask.prototype, "_automaticWidth", void 0);
 __decorate([
     ignoreClone
 ], SpriteMask.prototype, "_automaticHeight", void 0);
+__decorate([
+    ignoreClone
+], SpriteMask.prototype, "_onSpriteChange", null);
 
 /**
  * Renders a Sprite for 2D graphics.
@@ -11853,7 +10837,7 @@ __decorate([
     _inherits(SpriteRenderer, Renderer);
     function SpriteRenderer(entity) {
         var _this;
-        _this = Renderer.call(this, entity) || this, _this._tileMode = SpriteTileMode.Continuous, _this._tiledAdaptiveThreshold = 0.5, _this._filledMode = SpriteFilledMode.Radial360, _this._filledAmount = 1, _this._filledOrigin = SpriteFilledOrigin.Bottom, _this._filledClockWise = true, _this._color = new engineMath.Color(1, 1, 1, 1), _this._sprite = null, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined, _this._flipX = false, _this._flipY = false;
+        _this = Renderer.call(this, entity) || this, _this._tileMode = SpriteTileMode.Continuous, _this._tiledAdaptiveThreshold = 0.5, _this._color = new engineMath.Color(1, 1, 1, 1), _this._sprite = null, _this._automaticWidth = 0, _this._automaticHeight = 0, _this._customWidth = undefined, _this._customHeight = undefined, _this._flipX = false, _this._flipY = false;
         _this.drawMode = SpriteDrawMode.Simple;
         _this._dirtyUpdateFlag |= 4;
         _this.setMaterial(_this._engine._basicResources.spriteDefaultMaterial);
@@ -11987,9 +10971,6 @@ __decorate([
                     case SpriteDrawMode.Tiled:
                         this._dirtyUpdateFlag |= 7;
                         break;
-                    case SpriteDrawMode.Filled:
-                        this._dirtyUpdateFlag |= 7;
-                        break;
                 }
                 break;
             case SpriteModifyFlags.border:
@@ -12007,8 +10988,7 @@ __decorate([
                 this._dirtyUpdateFlag |= 3;
                 break;
             case SpriteModifyFlags.atlasRegion:
-                // Filled mode bakes UVs inside `updatePositions`, so a UV-only refresh would be a no-op.
-                this._dirtyUpdateFlag |= this._drawMode === SpriteDrawMode.Filled ? 3 : 2;
+                this._dirtyUpdateFlag |= 2;
                 break;
             case SpriteModifyFlags.pivot:
                 this._dirtyUpdateFlag |= RendererUpdateFlags.WorldVolume;
@@ -12021,23 +11001,6 @@ __decorate([
     _proto._onColorChanged = function _onColorChanged() {
         this._dirtyUpdateFlag |= 4;
     };
-    /**
-   * Returns an origin valid for the given fill mode: the passed origin when it belongs to the mode's
-   * accepted subset, otherwise the mode's default. Keeps `filledMode`/`filledOrigin` always consistent.
-   */ SpriteRenderer._correctOrigin = function _correctOrigin(mode, origin) {
-        switch(mode){
-            case SpriteFilledMode.Horizontal:
-                return origin === SpriteFilledOrigin.Left || origin === SpriteFilledOrigin.Right ? origin : SpriteFilledOrigin.Left;
-            case SpriteFilledMode.Vertical:
-                return origin === SpriteFilledOrigin.Top || origin === SpriteFilledOrigin.Bottom ? origin : SpriteFilledOrigin.Bottom;
-            case SpriteFilledMode.Radial90:
-                // Radial90 accepts the four corner origins.
-                return origin === SpriteFilledOrigin.TopLeft || origin === SpriteFilledOrigin.TopRight || origin === SpriteFilledOrigin.BottomLeft || origin === SpriteFilledOrigin.BottomRight ? origin : SpriteFilledOrigin.BottomLeft;
-            default:
-                // Radial180 / Radial360 accept the four edge origins.
-                return origin === SpriteFilledOrigin.Top || origin === SpriteFilledOrigin.Bottom || origin === SpriteFilledOrigin.Left || origin === SpriteFilledOrigin.Right ? origin : SpriteFilledOrigin.Bottom;
-        }
-    };
     _create_class(SpriteRenderer, [
         {
             key: "drawMode",
@@ -12059,9 +11022,6 @@ __decorate([
                         case SpriteDrawMode.Tiled:
                             this._assembler = exports.TiledSpriteAssembler;
                             break;
-                        case SpriteDrawMode.Filled:
-                            this._assembler = exports.FilledSpriteAssembler;
-                            break;
                     }
                     this._assembler.resetData(this);
                     this._dirtyUpdateFlag |= 7;
@@ -12101,76 +11061,6 @@ __decorate([
                 }
             }
         },
-        {
-            key: "filledAmount",
-            get: /**
-   * The fill amount of the sprite renderer, range from 0 to 1. (Only works in filled mode.)
-   */ function get() {
-                return this._filledAmount;
-            },
-            set: function set(value) {
-                value = engineMath.MathUtil.clamp(value, 0, 1);
-                if (this._filledAmount !== value) {
-                    this._filledAmount = value;
-                    if (this._drawMode === SpriteDrawMode.Filled) {
-                        this._dirtyUpdateFlag |= 3;
-                    }
-                }
-            }
-        },
-        {
-            key: "filledMode",
-            get: /**
-   * The fill mode of the sprite renderer. (Only works in filled mode.)
-   */ function get() {
-                return this._filledMode;
-            },
-            set: function set(value) {
-                if (this._filledMode !== value) {
-                    this._filledMode = value;
-                    // Keep the current origin if it is still valid for the new mode, otherwise snap to the mode's
-                    // default, since each mode only accepts a subset of origins.
-                    this._filledOrigin = SpriteRenderer._correctOrigin(value, this._filledOrigin);
-                    if (this._drawMode === SpriteDrawMode.Filled) {
-                        this._dirtyUpdateFlag |= 3;
-                    }
-                }
-            }
-        },
-        {
-            key: "filledOrigin",
-            get: /**
-   * The fill origin of the sprite renderer. (Only works in filled mode.)
-   */ function get() {
-                return this._filledOrigin;
-            },
-            set: function set(value) {
-                // Snap to a value valid for the current mode so state stays self-consistent (getter === rendered).
-                value = SpriteRenderer._correctOrigin(this._filledMode, value);
-                if (this._filledOrigin !== value) {
-                    this._filledOrigin = value;
-                    if (this._drawMode === SpriteDrawMode.Filled) {
-                        this._dirtyUpdateFlag |= 3;
-                    }
-                }
-            }
-        },
-        {
-            key: "filledClockWise",
-            get: /**
-   * Whether the fill is clockwise. (Only works in filled radial mode.)
-   */ function get() {
-                return this._filledClockWise;
-            },
-            set: function set(value) {
-                if (this._filledClockWise !== value) {
-                    this._filledClockWise = value;
-                    if (this._drawMode === SpriteDrawMode.Filled) {
-                        this._dirtyUpdateFlag |= 3;
-                    }
-                }
-            }
-        },
         {
             key: "sprite",
             get: /**
@@ -12343,18 +11233,13 @@ __decorate([
     _inherits(TextRenderer, Renderer);
     function TextRenderer(entity) {
         var _this;
-        _this = Renderer.call(this, entity) || this, _this._textChunks = Array(), /** @internal */ _this._subFont = null, /** @internal */ _this._dirtyFlag = 15, _this._color = new engineMath.Color(1, 1, 1, 1), _this._text = "", _this._width = 0, _this._height = 0, _this._localBounds = new engineMath.BoundingBox(), _this._font = null, _this._fontSize = 24, _this._fontStyle = FontStyle.None, _this._lineSpacing = 0, _this._characterSpacing = 0, _this._horizontalAlignment = TextHorizontalAlignment.Center, _this._verticalAlignment = TextVerticalAlignment.Center, _this._enableWrapping = false, _this._overflowMode = OverflowMode.Overflow, _this._outlineColor = new engineMath.Color(0, 0, 0, 1), _this._outlineWidth = 0;
+        _this = Renderer.call(this, entity) || this, _this._textChunks = Array(), /** @internal */ _this._subFont = null, /** @internal */ _this._dirtyFlag = 15, _this._color = new engineMath.Color(1, 1, 1, 1), _this._text = "", _this._width = 0, _this._height = 0, _this._localBounds = new engineMath.BoundingBox(), _this._font = null, _this._fontSize = 24, _this._fontStyle = FontStyle.None, _this._lineSpacing = 0, _this._characterSpacing = 0, _this._horizontalAlignment = TextHorizontalAlignment.Center, _this._verticalAlignment = TextVerticalAlignment.Center, _this._enableWrapping = false, _this._overflowMode = OverflowMode.Overflow;
         var engine = _this.engine;
         _this._font = engine._textDefaultFont;
         _this._addResourceReferCount(_this._font, 1);
         _this.setMaterial(engine._basicResources.textDefaultMaterial);
-        var shaderData = _this.shaderData;
-        shaderData.setFloat(TextRenderer._outlineWidthProperty, _this._outlineWidth);
-        shaderData.setColor(TextRenderer._outlineColorProperty, _this._outlineColor);
         //@ts-ignore
         _this._color._onValueChanged = _this._onColorChanged.bind(_this);
-        // @ts-ignore
-        _this._outlineColor._onValueChanged = _this._onOutlineColorChanged.bind(_this);
         return _this;
     }
     var _proto = TextRenderer.prototype;
@@ -12402,7 +11287,7 @@ __decorate([
     /**
    * @internal
    */ _proto._canBatch = function _canBatch(preElement, curElement) {
-        return VertexMergeBatcher.canBatchText(preElement, curElement);
+        return VertexMergeBatcher.canBatchSprite(preElement, curElement);
     };
     /**
    * @internal
@@ -12445,7 +11330,6 @@ __decorate([
         var distanceForSort = this._distanceForSort;
         var renderPipeline = camera._renderPipeline;
         var textChunks = this._textChunks;
-        var textTextureSize = TextRenderer._tempVec20;
         for(var i = 0, n = textChunks.length; i < n; ++i){
             var _renderElement;
             var _textChunks_i = textChunks[i], subChunk = _textChunks_i.subChunk, texture = _textChunks_i.texture;
@@ -12453,7 +11337,6 @@ __decorate([
             renderElement.set(this, material, subChunk.chunk.primitive, subChunk.subMesh, texture, subChunk);
             (_renderElement = renderElement).shaderData || (_renderElement.shaderData = new ShaderData(ShaderDataGroup.RenderElement));
             renderElement.shaderData.setTexture(TextRenderer._textureProperty, texture);
-            renderElement.shaderData.setVector2(TextRenderer._textTextureSizeProperty, textTextureSize.set(texture.width, texture.height));
             renderElement.priority = priority;
             renderElement.distanceForSort = distanceForSort;
             renderPipeline.pushRenderElement(context, renderElement);
@@ -12464,14 +11347,6 @@ __decorate([
         this._subFont = font._getSubFont(this.fontSize, this.fontStyle);
         this._subFont.nativeFontString = TextUtils.getNativeFontString(font.name, this.fontSize, this.fontStyle);
     };
-    /**
-   * Switch the sub font to a specific font size, used by the SHRINK overflow measurement.
-   */ _proto._applyFontSizeForShrink = function _applyFontSizeForShrink(fontSize) {
-        var font = this._font;
-        var subFont = font._getSubFont(fontSize, this._fontStyle);
-        subFont.nativeFontString = TextUtils.getNativeFontString(font.name, fontSize, this._fontStyle);
-        this._subFont = subFont;
-    };
     _proto._updatePosition = function _updatePosition() {
         var transform = this.entity.transform;
         var e = transform.worldMatrix.elements;
@@ -12527,26 +11402,12 @@ __decorate([
         }
     };
     _proto._updateLocalData = function _updateLocalData() {
-        var _this = this;
         var _pixelsPerUnit = Engine._pixelsPerUnit;
         var _this__localBounds = this._localBounds, min = _this__localBounds.min, max = _this__localBounds.max;
         var charRenderInfos = TextRenderer._charRenderInfos;
-        var rendererWidth = this.width * _pixelsPerUnit;
-        var rendererHeight = this.height * _pixelsPerUnit;
-        var fontSize = this._fontSize;
-        var textMetrics;
-        if (this._overflowMode === OverflowMode.Shrink) {
-            var result = TextUtils.measureTextWithShrink(this, rendererWidth, rendererHeight, this._fontSize, this._lineSpacing, this._characterSpacing, this.enableWrapping, function(size) {
-                return _this._applyFontSizeForShrink(size);
-            });
-            fontSize = result.fontSize;
-            textMetrics = result.metrics;
-        } else {
-            var characterSpacing = this._characterSpacing * fontSize;
-            textMetrics = this.enableWrapping ? TextUtils.measureTextWithWrap(this, rendererWidth, rendererHeight, this._lineSpacing * fontSize, characterSpacing) : TextUtils.measureTextWithoutWrap(this, rendererHeight, this._lineSpacing * fontSize, characterSpacing);
-        }
         var charFont = this._getSubFont();
-        var characterSpacing1 = this._characterSpacing * fontSize;
+        var characterSpacing = this._characterSpacing * this._fontSize;
+        var textMetrics = this.enableWrapping ? TextUtils.measureTextWithWrap(this, this.width * _pixelsPerUnit, this.height * _pixelsPerUnit, this._lineSpacing * this._fontSize, characterSpacing) : TextUtils.measureTextWithoutWrap(this, this.height * _pixelsPerUnit, this._lineSpacing * this._fontSize, characterSpacing);
         var height = textMetrics.height, lines = textMetrics.lines, lineWidths = textMetrics.lineWidths, lineHeight = textMetrics.lineHeight, lineMaxSizes = textMetrics.lineMaxSizes;
         var charRenderInfoPool = this.engine._charRenderInfoPool;
         var linesLen = lines.length;
@@ -12554,7 +11415,9 @@ __decorate([
         if (linesLen > 0) {
             var horizontalAlignment = this.horizontalAlignment;
             var pixelsPerUnitReciprocal = 1.0 / _pixelsPerUnit;
+            var rendererWidth = this._width * _pixelsPerUnit;
             var halfRendererWidth = rendererWidth * 0.5;
+            var rendererHeight = this._height * _pixelsPerUnit;
             var halfLineHeight = lineHeight * 0.5;
             var startY = 0;
             var topDiff = lineHeight * 0.5 - lineMaxSizes[0].ascent;
@@ -12564,10 +11427,7 @@ __decorate([
                     startY = rendererHeight * 0.5 - halfLineHeight + topDiff;
                     break;
                 case TextVerticalAlignment.Center:
-                    // Center the text block (lineHeight * lineCount) within the renderer, independent of
-                    // `height` — which equals the renderer height for Truncate/Shrink and would otherwise
-                    // push the text upward by (rendererHeight - blockHeight) / 2 when the box is taller.
-                    startY = lineHeight * linesLen * 0.5 - halfLineHeight - (bottomDiff - topDiff) * 0.5;
+                    startY = height * 0.5 - halfLineHeight - (bottomDiff - topDiff) * 0.5;
                     break;
                 case TextVerticalAlignment.Bottom:
                     startY = height - rendererHeight * 0.5 - halfLineHeight - bottomDiff;
@@ -12608,18 +11468,17 @@ __decorate([
                             charRenderInfo.texture = charFont._getTextureByIndex(charInfo.index);
                             charRenderInfo.uvs = charInfo.uvs;
                             var w = charInfo.w, ascent = charInfo.ascent, descent = charInfo.descent;
-                            var ow = this._outlineWidth * pixelsPerUnitReciprocal;
-                            var left = startX * pixelsPerUnitReciprocal - ow;
-                            var right = (startX + w) * pixelsPerUnitReciprocal + ow;
-                            var top = (startY + ascent) * pixelsPerUnitReciprocal + ow;
-                            var bottom = (startY - descent) * pixelsPerUnitReciprocal - ow;
+                            var left = startX * pixelsPerUnitReciprocal;
+                            var right = (startX + w) * pixelsPerUnitReciprocal;
+                            var top = (startY + ascent) * pixelsPerUnitReciprocal;
+                            var bottom = (startY - descent) * pixelsPerUnitReciprocal;
                             localPositions.set(left, top, right, bottom);
                             i === firstLine && (maxY = Math.max(maxY, top));
                             minY = Math.min(minY, bottom);
                             j === firstRow && (minX = Math.min(minX, left));
                             maxX = Math.max(maxX, right);
                         }
-                        startX += charInfo.xAdvance + characterSpacing1;
+                        startX += charInfo.xAdvance + characterSpacing;
                     }
                 }
                 startY -= lineHeight;
@@ -12675,7 +11534,7 @@ __decorate([
         this._setDirtyFlagTrue(4 | 8);
     };
     _proto._isTextNoVisible = function _isTextNoVisible() {
-        return !this._font || this._text === "" || this._fontSize === 0 || this.enableWrapping && this.width <= 0 || (this.overflowMode === OverflowMode.Truncate || this.overflowMode === OverflowMode.Shrink) && this.height <= 0;
+        return !this._font || this._text === "" || this._fontSize === 0 || this.enableWrapping && this.width <= 0 || this.overflowMode === OverflowMode.Truncate && this.height <= 0;
     };
     _proto._buildChunk = function _buildChunk(textChunk, count) {
         var _this_color = this.color, r = _this_color.r, g = _this_color.g, b = _this_color.b, a = _this_color.a;
@@ -12685,10 +11544,6 @@ __decorate([
         var vertices = subChunk.chunk.vertices;
         var indices = subChunk.indices = [];
         var charRenderInfos = textChunk.charRenderInfos;
-        var ow = this._outlineWidth;
-        var texture = textChunk.texture;
-        var owU = ow > 0 ? ow / texture.width : 0;
-        var owV = ow > 0 ? ow / texture.height : 0;
         for(var i = 0, ii = 0, io = 0, vo = subChunk.vertexArea.start + 3; i < count; ++i, io += 4){
             var charRenderInfo = charRenderInfos[i];
             charRenderInfo.indexInChunk = i;
@@ -12696,13 +11551,10 @@ __decorate([
             for(var j = 0; j < tempIndicesLength; ++j){
                 indices[ii++] = tempIndices[j] + io;
             }
-            // Set uv and color for vertices, expand uv outward by outline width
+            // Set uv and color for vertices
             for(var j1 = 0; j1 < 4; ++j1, vo += 9){
                 var uv = charRenderInfo.uvs[j1];
-                var su = j1 === 1 || j1 === 2 ? 1 : -1;
-                var sv = j1 >= 2 ? 1 : -1;
-                vertices[vo] = uv.x + owU * su;
-                vertices[vo + 1] = uv.y + owV * sv;
+                uv.copyToArray(vertices, vo);
                 vertices[vo + 2] = r;
                 vertices[vo + 3] = g;
                 vertices[vo + 4] = b;
@@ -12731,9 +11583,6 @@ __decorate([
     _proto._onColorChanged = function _onColorChanged() {
         this._setDirtyFlagTrue(16);
     };
-    _proto._onOutlineColorChanged = function _onOutlineColorChanged() {
-        this.shaderData.setColor(TextRenderer._outlineColorProperty, this._outlineColor);
-    };
     _create_class(TextRenderer, [
         {
             key: "color",
@@ -12920,35 +11769,6 @@ __decorate([
                 }
             }
         },
-        {
-            key: "outlineWidth",
-            get: /**
-   * The outline width in pixels. 0 means outline is disabled. Clamped to [0, 8].
-   */ function get() {
-                return this._outlineWidth;
-            },
-            set: function set(value) {
-                value = Math.max(0, Math.min(value, 3));
-                if (this._outlineWidth !== value) {
-                    this._outlineWidth = value;
-                    this.shaderData.setFloat(TextRenderer._outlineWidthProperty, value);
-                    this._setDirtyFlagTrue(14);
-                }
-            }
-        },
-        {
-            key: "outlineColor",
-            get: /**
-   * The outline color. Only effective when outlineWidth > 0.
-   */ function get() {
-                return this._outlineColor;
-            },
-            set: function set(value) {
-                if (this._outlineColor !== value) {
-                    this._outlineColor.copyFrom(value);
-                }
-            }
-        },
         {
             key: "maskInteraction",
             get: /**
@@ -12999,13 +11819,9 @@ __decorate([
     ]);
     return TextRenderer;
 }(exports.Renderer);
-TextRenderer._tempVec20 = new engineMath.Vector2();
+TextRenderer._textureProperty = ShaderProperty.getByName("renderElement_TextTexture");
 TextRenderer._tempVec30 = new engineMath.Vector3();
 TextRenderer._tempVec31 = new engineMath.Vector3();
-TextRenderer._textureProperty = ShaderProperty.getByName("renderElement_TextTexture");
-TextRenderer._textTextureSizeProperty = ShaderProperty.getByName("renderElement_TextTextureSize");
-TextRenderer._outlineColorProperty = ShaderProperty.getByName("renderer_OutlineColor");
-TextRenderer._outlineWidthProperty = ShaderProperty.getByName("renderer_OutlineWidth");
 TextRenderer._worldPositions = [
     new engineMath.Vector3(),
     new engineMath.Vector3(),
@@ -13028,9 +11844,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], TextRenderer.prototype, "_onColorChanged", null);
-__decorate([
-    ignoreClone
-], TextRenderer.prototype, "_onOutlineColorChanged", null);
 var TextChunk = function TextChunk() {
     this.charRenderInfos = new Array();
 };
@@ -16533,7 +15346,7 @@ BlendShapeManager._blendShapeTextureInfoProperty = ShaderProperty.getByName("ren
             return null;
         }
         if (!buffer.readable) {
-            throw new Error("Not allowed to access data while vertex buffer readable is false.");
+            throw "Not allowed to access data while vertex buffer readable is false.";
         }
         var vertexCount = this.vertexCount;
         var formatMetaInfo = vertexElement._formatMetaInfo;
@@ -19536,12 +18349,9 @@ registerDefaultCloneMode(SafeLoopArray, CloneMode.Ignore);
         });
         scenePromise.then(function(scene) {
             if (destroyOldScene) {
-                // Use loop array because `destroy` removes the scene from `_scenes` during iteration,
-                // and skip `scene` itself because concurrent loads of the same url resolve to the same instance
-                var scenes = _this._scenes.getLoopArray();
+                var scenes = _this._scenes.getArray();
                 for(var i = 0, n = scenes.length; i < n; i++){
-                    var oldScene = scenes[i];
-                    oldScene !== scene && oldScene.destroy();
+                    scenes[i].destroy();
                 }
             }
             _this.addScene(scene);
@@ -19827,8 +18637,8 @@ var MultiExecutor = /*#__PURE__*/ function() {
    * @param url - Resource url
    * @returns Resource object
    */ _proto.getFromCache = function getFromCache(url) {
-        var _this__assetUrlPool_this__getRemoteUrl;
-        return (_this__assetUrlPool_this__getRemoteUrl = this._assetUrlPool[this._getRemoteUrl(url)]) != null ? _this__assetUrlPool_this__getRemoteUrl : null;
+        var _this__assetUrlPool_url;
+        return (_this__assetUrlPool_url = this._assetUrlPool[url]) != null ? _this__assetUrlPool_url : null;
     };
     /**
    * Find the resource by type.
@@ -20027,13 +18837,10 @@ var MultiExecutor = /*#__PURE__*/ function() {
         // Get remote asset base url
         var virtualResourceEntry = this._virtualPathResourceMap[assetBaseURL];
         this._resolveLoadItemOptions(item, virtualResourceEntry);
-        // Keep a virtual resource's logical identity so loaders can resolve its
-        // sibling resources through the virtual-resource map. `baseUrl` only
-        // resolves ordinary relative transport URLs
-        var loadItemUrl = virtualResourceEntry !== undefined || Utils.isAbsoluteUrl(assetBaseURL) || !this.baseUrl ? assetBaseURL : Utils.resolveAbsoluteUrl(this.baseUrl, assetBaseURL);
-        item.url = loadItemUrl;
+        // Not absolute and base url is set
+        item.url = !Utils.isAbsoluteUrl(assetBaseURL) && this.baseUrl ? Utils.resolveAbsoluteUrl(this.baseUrl, assetBaseURL) : assetBaseURL;
         var _virtualResourceEntry_path;
-        var remoteAssetBaseURL = (_virtualResourceEntry_path = virtualResourceEntry == null ? void 0 : virtualResourceEntry.path) != null ? _virtualResourceEntry_path : loadItemUrl;
+        var remoteAssetBaseURL = (_virtualResourceEntry_path = virtualResourceEntry == null ? void 0 : virtualResourceEntry.path) != null ? _virtualResourceEntry_path : item.url;
         // Check cache
         var cacheObject = this._assetUrlPool[remoteAssetBaseURL];
         if (cacheObject) {
@@ -20704,7 +19511,6 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
     function Pointer(id) {
         /** The phase of pointer. */ this.phase = PointerPhase.Leave;
         /** The position of the pointer in screen space pixel coordinates. */ this.position = new engineMath.Vector2();
-        /** The position of the pointer when it was last pressed down (in screen space pixel coordinates). */ this.pressedPosition = new engineMath.Vector2();
         /** The change of the pointer. */ this.deltaPosition = new engineMath.Vector2();
         /** @internal */ this._events = [];
         /** @internal */ this._upMap = [];
@@ -20718,6 +19524,11 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
     var _proto = Pointer.prototype;
     /**
    * @internal
+   */ _proto._addEmitters = function _addEmitters(type, pool) {
+        this._emitters.push(new type(pool));
+    };
+    /**
+   * @internal
    */ _proto._resetOnFrameBegin = function _resetOnFrameBegin() {
         this._frameEvents = 0;
         this._events.length = this._upList.length = this._downList.length = 0;
@@ -20748,16 +19559,12 @@ var PointerEventType = /*#__PURE__*/ function(PointerEventType) {
  */ var PointerEventData = /*#__PURE__*/ function() {
     function PointerEventData() {
         /** The position of the event trigger (in world space). */ this.worldPosition = new engineMath.Vector3();
-        /** The hit-tested target entity (deepest entity on the bubble path). */ this.target = null;
-        /** The entity currently handling the event (same as target on non-bubbling fire, varies on bubble). */ this.currentTarget = null;
     }
     var _proto = PointerEventData.prototype;
     /**
    * @internal
    */ _proto.dispose = function dispose() {
         this.pointer = null;
-        this.target = null;
-        this.currentTarget = null;
     };
     return PointerEventData;
 }();
@@ -20789,12 +19596,7 @@ exports.Collider = /*#__PURE__*/ function(Component) {
     _inherits(Collider, Component);
     function Collider(entity) {
         var _this;
-        _this = Component.call(this, entity) || this, /** @internal */ _this._index = -1, _this._shapes = [], _this._collisionLayerIndex = 0, /**
-   * A collider must teleport on the next transform sync when its native actor
-   * already exists at a stale pose, such as after re-entering the scene or after
-   * clone-time native reconstruction. Ordinary first entry can use subclass sync
-   * semantics so kinematic actors still use setKinematicTarget.
-   */ _this._pendingReenterTeleport = false, _this._enteredScene = false;
+        _this = Component.call(this, entity) || this, /** @internal */ _this._index = -1, _this._shapes = [], _this._collisionLayerIndex = 0;
         _this._updateFlag = entity.registerWorldChangeFlag();
         return _this;
     }
@@ -20837,16 +19639,11 @@ exports.Collider = /*#__PURE__*/ function(Component) {
     /**
    * @internal
    */ _proto._onUpdate = function _onUpdate() {
-        var shapes = this._shapes;
-        if (this._pendingReenterTeleport || this._updateFlag.flag) {
+        if (this._updateFlag.flag) {
             var transform = this.entity.transform;
-            if (this._pendingReenterTeleport) {
-                this._teleportToEntityTransform(transform.worldPosition, transform.worldRotationQuaternion);
-                this._pendingReenterTeleport = false;
-            } else {
-                this._syncEntityTransformToNative(transform.worldPosition, transform.worldRotationQuaternion);
-            }
+            this._nativeCollider.setWorldTransform(transform.worldPosition, transform.worldRotationQuaternion);
             var worldScale = transform.lossyWorldScale;
+            var shapes = this._shapes;
             for(var i = 0, n = shapes.length; i < n; i++){
                 var _shapes_i__nativeShape;
                 (_shapes_i__nativeShape = shapes[i]._nativeShape) == null ? void 0 : _shapes_i__nativeShape.setWorldScale(worldScale);
@@ -20861,10 +19658,6 @@ exports.Collider = /*#__PURE__*/ function(Component) {
    * @internal
    */ _proto._onEnableInScene = function _onEnableInScene() {
         this.scene.physics._addCollider(this);
-        if (this._enteredScene) {
-            this._pendingReenterTeleport = true;
-        }
-        this._enteredScene = true;
     };
     /**
    * @internal
@@ -20875,7 +19668,6 @@ exports.Collider = /*#__PURE__*/ function(Component) {
    * @inheritdoc
    */ _proto._onClone = function _onClone(target) {
         target._syncNative();
-        target._pendingReenterTeleport = true;
     };
     /**
    * @internal
@@ -20903,28 +19695,6 @@ exports.Collider = /*#__PURE__*/ function(Component) {
             this._addNativeShape(this.shapes[i]);
         }
         this._setCollisionLayer();
-        // Teleport native actor to entity's current world pose.
-        // The native actor was created in constructor() with the entity's then-current
-        // worldPosition/Rotation. On clone, the entity's transform fields are deep-cloned
-        // AFTER the Component (and its native actor) are constructed, so the native actor's
-        // pose lags behind the cloned entity transform until this sync.
-        var transform = this.entity.transform;
-        this._teleportToEntityTransform(transform.worldPosition, transform.worldRotationQuaternion);
-    };
-    /**
-   * Teleport native actor to a world pose (instant, no implied velocity).
-   * Used during initialization paths (clone) where the native actor must be re-aligned
-   * with the entity transform after construction-time pose was based on stale defaults.
-   */ _proto._teleportToEntityTransform = function _teleportToEntityTransform(worldPosition, worldRotation) {
-        this._nativeCollider.setWorldTransform(worldPosition, worldRotation);
-    };
-    /**
-   * Sync entity world transform to native actor for per-frame updates.
-   * Default semantics: teleport (setGlobalPose). Subclasses override to express
-   * physics-aware movement (e.g. DynamicCollider routes kinematic actors through
-   * setKinematicTarget to generate contact events on swept motion).
-   */ _proto._syncEntityTransformToNative = function _syncEntityTransformToNative(worldPosition, worldRotation) {
-        this._nativeCollider.setWorldTransform(worldPosition, worldRotation);
     };
     /**
    * @internal
@@ -20987,12 +19757,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], exports.Collider.prototype, "_nativeCollider", void 0);
-__decorate([
-    ignoreClone
-], exports.Collider.prototype, "_pendingReenterTeleport", void 0);
-__decorate([
-    ignoreClone
-], exports.Collider.prototype, "_enteredScene", void 0);
 exports.Collider = __decorate([
     dependentComponents(Transform, DependentMode.CheckOnly)
 ], exports.Collider);
@@ -21079,9 +19843,6 @@ exports.Collider = __decorate([
         this._nativeCollider.setUpDirection(this._upDirection);
         this._nativeCollider.setSlopeLimit(this._slopeLimit);
     };
-    _proto._teleportToEntityTransform = function _teleportToEntityTransform(worldPosition, _worldRotation) {
-        this._nativeCollider.setWorldPosition(worldPosition);
-    };
     _proto._syncWorldPositionFromPhysicalSpace = function _syncWorldPositionFromPhysicalSpace() {
         this._nativeCollider.getWorldPosition(this.entity.transform.worldPosition);
     };
@@ -21181,7 +19942,7 @@ __decorate([
         this._staticFriction = 0.6;
         this._bounceCombine = PhysicsMaterialCombineMode.Average;
         this._frictionCombine = PhysicsMaterialCombineMode.Average;
-        this._nativeMaterial = Engine._nativePhysics.createPhysicsMaterial(this._staticFriction, this._dynamicFriction, this._bounciness, this._frictionCombine, this._bounceCombine);
+        this._nativeMaterial = Engine._nativePhysics.createPhysicsMaterial(this._staticFriction, this._dynamicFriction, this._bounciness, this._bounceCombine, this._frictionCombine);
     }
     var _proto = PhysicsMaterial.prototype;
     /**
@@ -21190,21 +19951,6 @@ __decorate([
         !this._destroyed && this._nativeMaterial.destroy();
         this._destroyed = true;
     };
-    /**
-   * @internal
-   */ _proto._onClone = function _onClone(target) {
-        target._syncNative();
-    };
-    /**
-   * @internal
-   */ _proto._syncNative = function _syncNative() {
-        var nativeMaterial = this._nativeMaterial;
-        nativeMaterial.setStaticFriction(this._staticFriction);
-        nativeMaterial.setDynamicFriction(this._dynamicFriction);
-        nativeMaterial.setBounciness(this._bounciness);
-        nativeMaterial.setFrictionCombine(this._frictionCombine);
-        nativeMaterial.setBounceCombine(this._bounceCombine);
-    };
     _create_class(PhysicsMaterial, [
         {
             key: "bounciness",
@@ -21279,9 +20025,6 @@ __decorate([
     ]);
     return PhysicsMaterial;
 }();
-__decorate([
-    ignoreClone
-], PhysicsMaterial.prototype, "_nativeMaterial", void 0);
 
 /**
  * Abstract class for collider shapes.
@@ -21289,7 +20032,7 @@ __decorate([
     _inherits(ColliderShape, DataObject);
     function ColliderShape() {
         var _this;
-        _this = DataObject.call(this) || this, /** @internal */ _this._isShapeAttached = false, _this._isTrigger = false, _this._rotation = new engineMath.Vector3(), _this._position = new engineMath.Vector3(), /**
+        _this = DataObject.call(this) || this, /** @internal */ _this._isShapeAttached = false, _this._isTrigger = false, _this._rotation = new engineMath.Vector3(), _this._position = new engineMath.Vector3(), _this._contactOffset = 0.02, /**
    * @internal
    * @beta
    * Whether raycast can select it.
@@ -21345,9 +20088,7 @@ __decorate([
         if (!this._nativeShape) return;
         this._nativeShape.setPosition(this._position);
         this._nativeShape.setRotation(this._rotation);
-        if (this._contactOffset !== undefined) {
-            this._nativeShape.setContactOffset(this._contactOffset);
-        }
+        this._nativeShape.setContactOffset(this._contactOffset);
         this._nativeShape.setIsTrigger(this._isTrigger);
         this._nativeShape.setMaterial(this._material._nativeMaterial);
         (_this__collider = this._collider) == null ? void 0 : _this__collider._handleShapesChanged(ColliderShapeChangeFlag.Property);
@@ -21385,9 +20126,7 @@ __decorate([
    * Contact offset for this shape, the value must be greater than or equal to 0.
    * @defaultValue 0.02
    */ function get() {
-                var _Engine__nativePhysics_getDefaultContactOffset, _Engine__nativePhysics;
-                var _this__contactOffset, _ref;
-                return (_ref = (_this__contactOffset = this._contactOffset) != null ? _this__contactOffset : (_Engine__nativePhysics = Engine._nativePhysics) == null ? void 0 : (_Engine__nativePhysics_getDefaultContactOffset = _Engine__nativePhysics.getDefaultContactOffset) == null ? void 0 : _Engine__nativePhysics_getDefaultContactOffset.call(_Engine__nativePhysics)) != null ? _ref : 0.02;
+                return this._contactOffset;
             },
             set: function set(value) {
                 value = Math.max(0, value);
@@ -21466,10 +20205,10 @@ __decorate([
 ], ColliderShape.prototype, "_collider", void 0);
 __decorate([
     ignoreClone
-], ColliderShape.prototype, "_isShapeAttached", void 0);
+], ColliderShape.prototype, "_nativeShape", void 0);
 __decorate([
     ignoreClone
-], ColliderShape.prototype, "_nativeShape", void 0);
+], ColliderShape.prototype, "_isShapeAttached", void 0);
 __decorate([
     ignoreClone
 ], ColliderShape.prototype, "_id", void 0);
@@ -21550,29 +20289,25 @@ __decorate([
         return true;
     };
     _proto._updateNativeShapeData = function _updateNativeShapeData() {
+        var _this__collider;
         var succeeded = this._nativeShape.setMeshData(this._positions, this._indices, this._isConvex, this._cookingFlags);
-        if (succeeded) {
-            var _this__collider;
-            (_this__collider = this._collider) == null ? void 0 : _this__collider._setNativeShapeAttached(this, true);
-        }
-        return succeeded;
+        (_this__collider = this._collider) == null ? void 0 : _this__collider._setNativeShapeAttached(this, succeeded);
     };
     _proto._createNativeShape = function _createNativeShape() {
         var _this__collider;
         // Non-convex MeshColliderShape is only supported on StaticCollider or kinematic DynamicCollider
         if (!this._isConvex && _instanceof(this._collider, DynamicCollider) && !this._collider.isKinematic) {
             console.error("MeshColliderShape: Non-convex mesh is not supported on non-kinematic DynamicCollider.");
-            return false;
+            return;
         }
         var nativeShape = Engine._nativePhysics.createMeshColliderShape(this._id, this._positions, this._indices, this._isConvex, this._material._nativeMaterial, this._cookingFlags);
         if (!nativeShape) {
-            return false;
+            return;
         }
         this._nativeShape = nativeShape;
         // Sync base class properties (position, rotation, contactOffset, isTrigger, material)
         ColliderShape.prototype._syncNative.call(this);
         (_this__collider = this._collider) == null ? void 0 : _this__collider._setNativeShapeAttached(this, true);
-        return true;
     };
     _create_class(MeshColliderShape, [
         {
@@ -21584,17 +20319,9 @@ __decorate([
             },
             set: function set(value) {
                 if (this._cookingFlags !== value) {
-                    var previousValue = this._cookingFlags;
                     this._cookingFlags = value;
                     if (this._nativeShape) {
-                        var updated = false;
-                        try {
-                            updated = this._updateNativeShapeData();
-                        } finally{
-                            if (!updated) {
-                                this._cookingFlags = previousValue;
-                            }
-                        }
+                        this._updateNativeShapeData();
                     } else if (this._mesh && this._extractMeshData(this._mesh)) {
                         this._createNativeShape();
                     }
@@ -21638,34 +20365,14 @@ __decorate([
             set: function set(value) {
                 if (this._mesh !== value) {
                     var _this__mesh;
-                    var previousMesh = this._mesh;
-                    var previousPositions = this._positions;
-                    var previousIndices = this._indices;
                     (_this__mesh = this._mesh) == null ? void 0 : _this__mesh._addReferCount(-1);
                     value == null ? void 0 : value._addReferCount(1);
                     this._mesh = value;
-                    if (value) {
-                        if (this._extractMeshData(value)) {
-                            if (this._nativeShape) {
-                                var updated = false;
-                                try {
-                                    updated = this._updateNativeShapeData();
-                                } finally{
-                                    if (!updated) {
-                                        value == null ? void 0 : value._addReferCount(-1);
-                                        previousMesh == null ? void 0 : previousMesh._addReferCount(1);
-                                        this._mesh = previousMesh;
-                                        this._positions = previousPositions;
-                                        this._indices = previousIndices;
-                                    }
-                                }
-                            } else {
-                                this._createNativeShape();
-                            }
+                    if (value && this._extractMeshData(value)) {
+                        if (this._nativeShape) {
+                            this._updateNativeShapeData();
                         } else {
-                            // Mesh data extraction cannot recover without assigning a new mesh.
-                            this._destroyNativeShape();
-                            this._clearMeshData();
+                            this._createNativeShape();
                         }
                     } else {
                         this._destroyNativeShape();
@@ -21693,7 +20400,7 @@ __decorate([
     _inherits(DynamicCollider, Collider);
     function DynamicCollider(entity) {
         var _this;
-        _this = Collider.call(this, entity) || this, _this._linearDamping = 0, _this._angularDamping = 0.05, _this._linearVelocity = new engineMath.Vector3(), _this._angularVelocity = new engineMath.Vector3(), _this._mass = 1.0, _this._centerOfMass = new engineMath.Vector3(), _this._inertiaTensor = new engineMath.Vector3(1, 1, 1), _this._maxAngularVelocity = 18000 / Math.PI, _this._maxDepenetrationVelocity = 1.0000000331813535e32, _this._solverIterations = 4, _this._useGravity = true, _this._isKinematic = false, _this._constraints = 0, _this._collisionDetectionMode = 0, _this._kinematicTransformSyncMode = 0, _this._automaticCenterOfMass = true, _this._automaticInertiaTensor = true;
+        _this = Collider.call(this, entity) || this, _this._linearDamping = 0, _this._angularDamping = 0.05, _this._linearVelocity = new engineMath.Vector3(), _this._angularVelocity = new engineMath.Vector3(), _this._mass = 1.0, _this._centerOfMass = new engineMath.Vector3(), _this._inertiaTensor = new engineMath.Vector3(1, 1, 1), _this._maxAngularVelocity = 18000 / Math.PI, _this._maxDepenetrationVelocity = 1.0000000331813535e32, _this._solverIterations = 4, _this._useGravity = true, _this._isKinematic = false, _this._constraints = 0, _this._collisionDetectionMode = 0, _this._sleepThreshold = 5e-3, _this._automaticCenterOfMass = true, _this._automaticInertiaTensor = true;
         var transform = _this.entity.transform;
         _this._nativeCollider = Engine._nativePhysics.createDynamicCollider(transform.worldPosition, transform.worldRotationQuaternion);
         _this._setLinearVelocity = _this._setLinearVelocity.bind(_this);
@@ -21763,28 +20470,6 @@ __decorate([
         Collider.prototype.addShape.call(this, shape);
     };
     /**
-   * Route per-frame entity → native transform sync to the correct physics API based
-   * on kinematic state.
-   *
-   * PhysX 4.x docs (PxRigidDynamic):
-   *   "If you intend to move a kinematic actor with [setGlobalPose] and want
-   *    collision detection, use setKinematicTarget() instead."
-   *
-   * setGlobalPose is a teleport: PhysX skips contact detection between the old
-   * and new pose. setKinematicTarget tells PhysX the actor is animating to the
-   * target during the next simulate(), enabling swept contacts. Some compatibility
-   * layers need transform writes to stay teleport-like, so the sync mode is
-   * explicit while {@link move} always keeps target semantics.
-   *
-   * @internal
-   */ _proto._syncEntityTransformToNative = function _syncEntityTransformToNative(worldPosition, worldRotation) {
-        if (this._isKinematic && this._kinematicTransformSyncMode === 0) {
-            this._nativeCollider.move(worldPosition, worldRotation);
-        } else {
-            Collider.prototype._syncEntityTransformToNative.call(this, worldPosition, worldRotation);
-        }
-    };
-    /**
    * @internal
    */ _proto._onLateUpdate = function _onLateUpdate() {
         var transform = this.entity.transform;
@@ -21806,12 +20491,8 @@ __decorate([
    */ _proto._onClone = function _onClone(target) {
         target._linearVelocity.copyFrom(this.linearVelocity);
         target._angularVelocity.copyFrom(this.angularVelocity);
-        if (!this._automaticCenterOfMass) {
-            target._centerOfMass.copyFrom(this.centerOfMass);
-        }
-        if (!this._automaticInertiaTensor) {
-            target._inertiaTensor.copyFrom(this.inertiaTensor);
-        }
+        target._centerOfMass.copyFrom(this.centerOfMass);
+        target._inertiaTensor.copyFrom(this.inertiaTensor);
         Collider.prototype._onClone.call(this, target);
     };
     /**
@@ -21839,9 +20520,7 @@ __decorate([
         }
         this._nativeCollider.setMaxAngularVelocity(this._maxAngularVelocity);
         this._nativeCollider.setMaxDepenetrationVelocity(this._maxDepenetrationVelocity);
-        if (this._sleepThreshold !== undefined) {
-            this._nativeCollider.setSleepThreshold(this._sleepThreshold);
-        }
+        this._nativeCollider.setSleepThreshold(this._sleepThreshold);
         this._nativeCollider.setSolverIterations(this._solverIterations);
         this._nativeCollider.setUseGravity(this._useGravity);
         this._nativeCollider.setConstraints(this._constraints);
@@ -22064,9 +20743,7 @@ __decorate([
             get: /**
    * The mass-normalized energy threshold, below which objects start going to sleep.
    */ function get() {
-                var _Engine__nativePhysics_getDefaultSleepThreshold, _Engine__nativePhysics;
-                var _this__sleepThreshold, _ref;
-                return (_ref = (_this__sleepThreshold = this._sleepThreshold) != null ? _this__sleepThreshold : (_Engine__nativePhysics = Engine._nativePhysics) == null ? void 0 : (_Engine__nativePhysics_getDefaultSleepThreshold = _Engine__nativePhysics.getDefaultSleepThreshold) == null ? void 0 : _Engine__nativePhysics_getDefaultSleepThreshold.call(_Engine__nativePhysics)) != null ? _ref : 5e-3;
+                return this._sleepThreshold;
             },
             set: function set(value) {
                 if (value !== this._sleepThreshold) {
@@ -22162,22 +20839,6 @@ __decorate([
                     this._nativeCollider.setCollisionDetectionMode(value);
                 }
             }
-        },
-        {
-            key: "kinematicTransformSyncMode",
-            get: /**
-   * Controls how entity transform changes are synchronized to a kinematic native actor.
-   *
-   * @remarks
-   * `Target` routes transform changes through {@link move}, so PhysX treats the
-   * actor as moving between frames and can generate swept contacts. `Teleport`
-   * writes the native pose directly and does not imply velocity.
-   */ function get() {
-                return this._kinematicTransformSyncMode;
-            },
-            set: function set(value) {
-                this._kinematicTransformSyncMode = value;
-            }
         }
     ]);
     return DynamicCollider;
@@ -22217,13 +20878,6 @@ __decorate([
     /** Speculative continuous collision detection is on for static and dynamic geometries */ CollisionDetectionMode[CollisionDetectionMode["ContinuousSpeculative"] = 3] = "ContinuousSpeculative";
     return CollisionDetectionMode;
 }({});
-/**
- * Kinematic transform synchronization mode.
- */ var DynamicColliderKinematicTransformSyncMode = /*#__PURE__*/ function(DynamicColliderKinematicTransformSyncMode) {
-    /** Synchronize transform changes through PhysX setKinematicTarget. */ DynamicColliderKinematicTransformSyncMode[DynamicColliderKinematicTransformSyncMode["Target"] = 0] = "Target";
-    /** Synchronize transform changes by directly teleporting the native actor. */ DynamicColliderKinematicTransformSyncMode[DynamicColliderKinematicTransformSyncMode["Teleport"] = 1] = "Teleport";
-    return DynamicColliderKinematicTransformSyncMode;
-}({});
 /**
  * Use these flags to constrain motion of dynamic collider.
  */ var DynamicColliderConstraints = /*#__PURE__*/ function(DynamicColliderConstraints) {
@@ -22247,228 +20901,6 @@ __decorate([
     /** The shape of the collider that was hit. */ this.shape = null;
 };
 
-/**
- * Script class, used for logic writing.
- */ var Script = /*#__PURE__*/ function(Component) {
-    _inherits(Script, Component);
-    function Script() {
-        var _this;
-        _this = Component.apply(this, arguments) || this, /** @internal */ _this._started = false, /** @internal */ _this._onStartIndex = -1, /** @internal */ _this._onUpdateIndex = -1, /** @internal */ _this._onLateUpdateIndex = -1, /** @internal */ _this._onPhysicsUpdateIndex = -1, /** @internal */ _this._onPreRenderIndex = -1, /** @internal */ _this._onPostRenderIndex = -1, /** @internal */ _this._entityScriptsIndex = -1;
-        return _this;
-    }
-    var _proto = Script.prototype;
-    /**
-   * Called when be enabled first time, only once.
-   */ _proto.onAwake = function onAwake() {};
-    /**
-   * Called when be enabled.
-   */ _proto.onEnable = function onEnable() {};
-    /**
-   * Called before the frame-level loop start for the first time, only once.
-   */ _proto.onStart = function onStart() {};
-    /**
-   * The main loop, called frame by frame.
-   * @param deltaTime - The delta time since last frame in seconds
-   */ _proto.onUpdate = function onUpdate(deltaTime) {};
-    /**
-   * Called after the onUpdate finished, called frame by frame.
-   * @param deltaTime - The delta time since last frame in seconds
-   */ _proto.onLateUpdate = function onLateUpdate(deltaTime) {};
-    /**
-   * Called before camera rendering, called per camera.
-   * @param camera - Current camera.
-   */ _proto.onBeginRender = function onBeginRender(camera) {};
-    /**
-   * Called after camera rendering, called per camera.
-   * @param camera - Current camera.
-   */ _proto.onEndRender = function onEndRender(camera) {};
-    /**
-   * Called before physics calculations, the number of times is related to the physical update frequency.
-   */ _proto.onPhysicsUpdate = function onPhysicsUpdate() {};
-    /**
-   * Called when the trigger enter.
-   * @param other - ColliderShape
-   */ _proto.onTriggerEnter = function onTriggerEnter(other) {};
-    /**
-   * Called when the trigger exit.
-   * @param other - ColliderShape
-   */ _proto.onTriggerExit = function onTriggerExit(other) {};
-    /**
-   * Called when the trigger stay.
-   * @remarks onTriggerStay is called every frame while the trigger stay.
-   * @param other - ColliderShape
-   */ _proto.onTriggerStay = function onTriggerStay(other) {};
-    /**
-   * Called when the collision enter.
-   * @param other - The Collision data associated with this collision event
-   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
-   */ _proto.onCollisionEnter = function onCollisionEnter(other) {};
-    /**
-   * Called when the collision exit.
-   * @param other - The Collision data associated with this collision event
-   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
-   */ _proto.onCollisionExit = function onCollisionExit(other) {};
-    /**
-   * Called when the collision stay.
-   * @param other - The Collision data associated with this collision event
-   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
-   */ _proto.onCollisionStay = function onCollisionStay(other) {};
-    /**
-   * Called when the pointer is down while over the ColliderShape.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerDown = function onPointerDown(eventData) {};
-    /**
-   * Called when the pointer is up while over the ColliderShape.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerUp = function onPointerUp(eventData) {};
-    /**
-   * Called when the pointer is down and up with the same collider.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerClick = function onPointerClick(eventData) {};
-    /**
-   *  Called when the pointer enters the ColliderShape.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerEnter = function onPointerEnter(eventData) {};
-    /**
-   * Called when the pointer exits the ColliderShape.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerExit = function onPointerExit(eventData) {};
-    /**
-   * This function will be called when the pointer is pressed on the collider.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerBeginDrag = function onPointerBeginDrag(eventData) {};
-    /**
-   *  When a drag collision occurs on the pointer, this function will be called every time it moves.
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerDrag = function onPointerDrag(eventData) {};
-    /**
-   *  When dragging ends, this function will be called (Dragged object).
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerEndDrag = function onPointerEndDrag(eventData) {};
-    /**
-   *  When dragging ends, this function will be called (Receiving object).
-   * @param eventData - The pointer event data that triggered this callback
-   */ _proto.onPointerDrop = function onPointerDrop(eventData) {};
-    /**
-   * Called when be disabled.
-   */ _proto.onDisable = function onDisable() {};
-    /**
-   * Called at the end of the destroyed frame.
-   */ _proto.onDestroy = function onDestroy() {};
-    /**
-   * @internal
-   */ _proto._onAwake = function _onAwake() {
-        this.onAwake();
-    };
-    /**
-   * @internal
-   */ _proto._onEnable = function _onEnable() {
-        this.onEnable();
-    };
-    /**
-   * @internal
-   */ _proto._onDisable = function _onDisable() {
-        this.onDisable();
-    };
-    /**
-   * @internal
-   */ _proto._onEnableInScene = function _onEnableInScene() {
-        var _this_scene = this.scene, componentsManager = _this_scene._componentsManager;
-        var prototype = Script.prototype;
-        if (!this._started) {
-            componentsManager.addOnStartScript(this);
-        }
-        if (this.onUpdate !== prototype.onUpdate) {
-            componentsManager.addOnUpdateScript(this);
-        }
-        if (this.onLateUpdate !== prototype.onLateUpdate) {
-            componentsManager.addOnLateUpdateScript(this);
-        }
-        if (this.onPhysicsUpdate !== prototype.onPhysicsUpdate) {
-            componentsManager.addOnPhysicsUpdateScript(this);
-        }
-        for(var _iterator = _create_for_of_iterator_helper_loose(Object.values(PointerMethods)), _step; !(_step = _iterator()).done;){
-            var pointerMethod = _step.value;
-            if (this[pointerMethod] === prototype[pointerMethod]) {
-                this[pointerMethod] = null;
-            }
-        }
-        this._entity._addScript(this);
-        if (this._hasCollisionEventCallbacks()) {
-            this.scene.physics._markCollisionEventConsumersDirty();
-        }
-    };
-    /**
-   * @internal
-   */ _proto._onDisableInScene = function _onDisableInScene() {
-        var componentsManager = this.scene._componentsManager;
-        var prototype = Script.prototype;
-        if (!this._started) {
-            componentsManager.removeOnStartScript(this);
-        }
-        if (this.onUpdate !== prototype.onUpdate) {
-            componentsManager.removeOnUpdateScript(this);
-        }
-        if (this.onLateUpdate !== prototype.onLateUpdate) {
-            componentsManager.removeOnLateUpdateScript(this);
-        }
-        if (this.onPhysicsUpdate !== prototype.onPhysicsUpdate) {
-            componentsManager.removeOnPhysicsUpdateScript(this);
-        }
-        this._entity._removeScript(this);
-        if (this._hasCollisionEventCallbacks()) {
-            this.scene.physics._markCollisionEventConsumersDirty();
-        }
-    };
-    _proto._hasCollisionEventCallbacks = function _hasCollisionEventCallbacks() {
-        var prototype = Script.prototype;
-        return this.onCollisionEnter !== prototype.onCollisionEnter || this.onCollisionExit !== prototype.onCollisionExit || this.onCollisionStay !== prototype.onCollisionStay;
-    };
-    /**
-   * @internal
-   */ _proto._onDestroy = function _onDestroy() {
-        Component.prototype._onDestroy.call(this);
-        this.onDestroy();
-    };
-    return Script;
-}(Component);
-__decorate([
-    ignoreClone
-], Script.prototype, "_started", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onStartIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onUpdateIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onLateUpdateIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onPhysicsUpdateIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onPreRenderIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_onPostRenderIndex", void 0);
-__decorate([
-    ignoreClone
-], Script.prototype, "_entityScriptsIndex", void 0);
-var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
-    PointerMethods["onPointerDown"] = "onPointerDown";
-    PointerMethods["onPointerUp"] = "onPointerUp";
-    PointerMethods["onPointerClick"] = "onPointerClick";
-    PointerMethods["onPointerEnter"] = "onPointerEnter";
-    PointerMethods["onPointerExit"] = "onPointerExit";
-    PointerMethods["onPointerBeginDrag"] = "onPointerBeginDrag";
-    PointerMethods["onPointerDrag"] = "onPointerDrag";
-    PointerMethods["onPointerEndDrag"] = "onPointerEndDrag";
-    PointerMethods["onPointerDrop"] = "onPointerDrop";
-    return PointerMethods;
-}({});
-
 /**
  * Describes a contact point where the collision occurs.
  */ var ContactPoint = function ContactPoint() {
@@ -22491,7 +20923,8 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
    * You need to obtain the actual number of contact points from the function's return value.
    */ _proto.getContacts = function getContacts(outContacts) {
         var nativeCollision = this._nativeCollision;
-        var factor = this.shape.id === nativeCollision.shape1Id ? 1 : -1;
+        var smallerShapeId = Math.min(nativeCollision.shape0Id, nativeCollision.shape1Id);
+        var factor = this.shape.id === smallerShapeId ? 1 : -1;
         var nativeContactPoints = nativeCollision.getContacts();
         var length = nativeContactPoints.size();
         for(var i = 0; i < length; i++){
@@ -22524,11 +20957,8 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
     function PhysicsScene(scene) {
         this._restTime = 0;
         this._fixedTimeStep = 1 / 60;
-        this._maximumDeltaTime = Infinity;
         this._colliders = new DisorderedArray();
         this._gravity = new engineMath.Vector3(0, -9.81, 0);
-        this._collisionEventConsumersDirty = true;
-        this._hasCollisionEventConsumersCache = false;
         this._scene = scene;
         this._setGravity = this._setGravity.bind(this);
         //@ts-ignore
@@ -22739,13 +21169,12 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
    */ _proto._update = function _update(deltaTime) {
         var _this = this, fixedTimeStep = _this._fixedTimeStep, nativePhysicsManager = _this._nativePhysicsScene;
         var componentsManager = this._scene._componentsManager;
-        var simulateTime = this._restTime + Math.min(deltaTime, this._maximumDeltaTime);
+        var simulateTime = this._restTime + deltaTime;
         var step = Math.floor(simulateTime / fixedTimeStep);
         this._restTime = simulateTime - step * fixedTimeStep;
         for(var i = 0; i < step; i++){
             componentsManager.callScriptOnPhysicsUpdate();
             this._callColliderOnUpdate();
-            this._syncContactEventDemand();
             nativePhysicsManager.update(fixedTimeStep);
             this._callColliderOnLateUpdate();
             this._dispatchEvents(nativePhysicsManager.updateEvents());
@@ -22759,7 +21188,6 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
         if (collider._index === -1) {
             collider._index = this._colliders.length;
             this._colliders.add(collider);
-            this._markCollisionEventConsumersDirty();
         }
         this._nativePhysicsScene.addCollider(collider._nativeCollider);
     };
@@ -22771,7 +21199,6 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
         if (controller._index === -1) {
             controller._index = this._colliders.length;
             this._colliders.add(controller);
-            this._markCollisionEventConsumersDirty();
         }
         this._nativePhysicsScene.addCharacterController(controller._nativeCollider);
     };
@@ -22783,7 +21210,6 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
         var replaced = this._colliders.deleteByIndex(collider._index);
         replaced && (replaced._index = collider._index);
         collider._index = -1;
-        this._markCollisionEventConsumersDirty();
         this._nativePhysicsScene.removeCollider(collider._nativeCollider);
     };
     /**
@@ -22794,16 +21220,10 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
         var replaced = this._colliders.deleteByIndex(controller._index);
         replaced && (replaced._index = controller._index);
         controller._index = -1;
-        this._markCollisionEventConsumersDirty();
         this._nativePhysicsScene.removeCharacterController(controller._nativeCollider);
     };
     /**
    * @internal
-   */ _proto._markCollisionEventConsumersDirty = function _markCollisionEventConsumersDirty() {
-        this._collisionEventConsumersDirty = true;
-    };
-    /**
-   * @internal
    */ _proto._callColliderOnUpdate = function _callColliderOnUpdate() {
         var elements = this._colliders._elements;
         for(var i = this._colliders.length - 1; i >= 0; --i){
@@ -22917,35 +21337,6 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
         // Dispatch trigger events
         for(var i1 = 0, n1 = triggerEvents.length; i1 < n1; i1++)_loop1(i1);
     };
-    _proto._hasCollisionEventConsumers = function _hasCollisionEventConsumers() {
-        if (!this._collisionEventConsumersDirty) {
-            return this._hasCollisionEventConsumersCache;
-        }
-        var _this__colliders = this._colliders, colliders = _this__colliders._elements;
-        var _Script_prototype = Script.prototype, onCollisionEnter = _Script_prototype.onCollisionEnter, onCollisionExit = _Script_prototype.onCollisionExit, onCollisionStay = _Script_prototype.onCollisionStay;
-        for(var i = this._colliders.length - 1; i >= 0; --i){
-            var scripts = colliders[i].entity._scripts;
-            var scriptElements = scripts._elements;
-            for(var j = scripts.length - 1; j >= 0; --j){
-                var script = scriptElements[j];
-                if (script.onCollisionEnter !== onCollisionEnter || script.onCollisionExit !== onCollisionExit || script.onCollisionStay !== onCollisionStay) {
-                    this._collisionEventConsumersDirty = false;
-                    this._hasCollisionEventConsumersCache = true;
-                    return true;
-                }
-            }
-        }
-        this._collisionEventConsumersDirty = false;
-        this._hasCollisionEventConsumersCache = false;
-        return this._hasCollisionEventConsumersCache;
-    };
-    _proto._syncContactEventDemand = function _syncContactEventDemand() {
-        var enabled = this._hasCollisionEventConsumers();
-        if (this._contactEventEnabled !== enabled) {
-            this._nativePhysicsScene.setContactEventEnabled == null ? void 0 : this._nativePhysicsScene.setContactEventEnabled.call(this._nativePhysicsScene, enabled);
-            this._contactEventEnabled = enabled;
-        }
-    };
     _proto._setGravity = function _setGravity() {
         this._nativePhysicsScene.setGravity(this._gravity);
     };
@@ -22999,17 +21390,6 @@ var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
             set: function set(value) {
                 this._fixedTimeStep = Math.max(value, engineMath.MathUtil.zeroTolerance);
             }
-        },
-        {
-            key: "maximumDeltaTime",
-            get: /**
-   * Maximum delta time in seconds allowed per frame for physics simulation.
-   */ function get() {
-                return this._maximumDeltaTime;
-            },
-            set: function set(value) {
-                this._maximumDeltaTime = Math.max(value, engineMath.MathUtil.zeroTolerance);
-            }
         }
     ]);
     return PhysicsScene;
@@ -24020,13 +22400,10 @@ var PointerEventEmitter = /*#__PURE__*/ function() {
         this._init();
     }
     var _proto = PointerEventEmitter.prototype;
-    _proto._createEventData = function _createEventData(pointer, target, currentTarget) {
-        if (currentTarget === void 0) currentTarget = target;
+    _proto._createEventData = function _createEventData(pointer) {
         var data = this._pool.get();
         data.pointer = pointer;
         data.worldPosition.copyFrom(this._hitResult.point);
-        data.target = target;
-        data.currentTarget = currentTarget;
         return data;
     };
     _proto._fireDown = function _fireDown(entity, eventData) {
@@ -24156,12 +22533,12 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
     };
     _proto.processDrag = function processDrag(pointer) {
         var entity = this._draggedEntity;
-        entity && this._fireDrag(entity, this._createEventData(pointer, entity));
+        entity && this._fireDrag(entity, this._createEventData(pointer));
     };
     _proto.processDown = function processDown(pointer) {
         var entity = this._pressedEntity = this._draggedEntity = this._enteredEntity;
         if (entity) {
-            var eventData = this._createEventData(pointer, entity);
+            var eventData = this._createEventData(pointer);
             this._fireDown(entity, eventData);
             this._fireBeginDrag(entity, eventData);
         }
@@ -24170,26 +22547,26 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
         var _this = this, enteredEntity = _this._enteredEntity, draggedEntity = _this._draggedEntity;
         if (enteredEntity) {
             var sameTarget = this._pressedEntity === enteredEntity;
-            var eventData = this._createEventData(pointer, enteredEntity);
+            var eventData = this._createEventData(pointer);
             this._fireUp(enteredEntity, eventData);
             sameTarget && this._fireClick(enteredEntity, eventData);
             this._fireDrop(enteredEntity, eventData);
         }
         this._pressedEntity = null;
         if (draggedEntity) {
-            this._fireEndDrag(draggedEntity, this._createEventData(pointer, draggedEntity));
+            this._fireEndDrag(draggedEntity, this._createEventData(pointer));
             this._draggedEntity = null;
         }
     };
     _proto.processLeave = function processLeave(pointer) {
         var enteredEntity = this._enteredEntity;
         if (enteredEntity) {
-            this._fireExit(enteredEntity, this._createEventData(pointer, enteredEntity));
+            this._fireExit(enteredEntity, this._createEventData(pointer));
             this._enteredEntity = null;
         }
         var draggedEntity = this._draggedEntity;
         if (draggedEntity) {
-            this._fireEndDrag(draggedEntity, this._createEventData(pointer, draggedEntity));
+            this._fireEndDrag(draggedEntity, this._createEventData(pointer));
             this._draggedEntity = null;
         }
         this._pressedEntity = null;
@@ -24204,10 +22581,10 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
         var enteredEntity = this._enteredEntity;
         if (entity !== enteredEntity) {
             if (enteredEntity) {
-                this._fireExit(enteredEntity, this._createEventData(pointer, enteredEntity));
+                this._fireExit(enteredEntity, this._createEventData(pointer));
             }
             if (entity) {
-                this._fireEnter(entity, this._createEventData(pointer, entity));
+                this._fireEnter(entity, this._createEventData(pointer));
             }
             this._enteredEntity = entity;
         }
@@ -24247,7 +22624,39 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
     /**
    * @internal
    */ _proto._update = function _update() {
-        var _this = this, pointers = _this._pointers, nativeEvents = _this._nativeEvents, htmlCanvas = _this._htmlCanvas, engine = _this._engine, eventPool = _this._eventPool;
+        var _this, _loop = function(i1, n) {
+            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 _this1 = _this, pointerPool = _this1._pointerPool;
+                    // Get Pointer smallest index
+                    var j = 0;
+                    for(; j < lastCount; j++){
+                        if (pointers[j].id > j) {
+                            break;
+                        }
+                    }
+                    pointer = pointerPool[j];
+                    if (!pointer) {
+                        pointer = pointerPool[j] = new Pointer(j);
+                        engine._physicsInitialized && pointer._addEmitters(PhysicsPointerEventEmitter, eventPool);
+                        PointerManager._pointerEventEmitters.forEach(function(emitter) {
+                            pointer._addEmitters(emitter, eventPool);
+                        });
+                    }
+                    pointer._uniqueID = pointerId;
+                    pointer._events.push(evt);
+                    pointer.position.set((evt.clientX - left) * widthDPR, (evt.clientY - top) * heightDPR);
+                    pointers.splice(j, 0, pointer);
+                }
+            }
+        };
+        var _this1 = this, pointers = _this1._pointers, nativeEvents = _this1._nativeEvents, htmlCanvas = _this1._htmlCanvas, engine = _this1._engine, eventPool = _this1._eventPool;
         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;
@@ -24266,44 +22675,16 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
             }
         }
         // Generate the pointer received for this frame
-        for(var i1 = 0, n = nativeEvents.length; i1 < n; i1++){
-            var evt = nativeEvents[i1];
-            var pointerId = evt.pointerId;
-            var pointer1 = this._getPointerByID(pointerId);
-            if (pointer1) {
-                pointer1._events.push(evt);
-            } else {
-                var lastCount = pointers.length;
-                if (lastCount === 0 || this._multiPointerEnabled) {
-                    var _this1 = this, pointerPool = _this1._pointerPool;
-                    // Get Pointer smallest index
-                    var j = 0;
-                    for(; j < lastCount; j++){
-                        if (pointers[j].id > j) {
-                            break;
-                        }
-                    }
-                    pointer1 = pointerPool[j];
-                    if (!pointer1) {
-                        pointer1 = pointerPool[j] = new Pointer(j);
-                        this._addEmitters(pointer1);
-                    }
-                    pointer1._uniqueID = pointerId;
-                    pointer1._events.push(evt);
-                    pointer1.position.set((evt.clientX - left) * widthDPR, (evt.clientY - top) * heightDPR);
-                    pointers.splice(j, 0, pointer1);
-                }
-            }
-        }
+        for(var i1 = 0, n = nativeEvents.length; i1 < n; i1++)_this = this, _loop(i1);
         nativeEvents.length = 0;
         this._upList.length = this._downList.length = 0;
         this._buttons = PointerButton.None;
         // Pointer handles its own events
         var frameCount = engine.time.frameCount;
         for(var i2 = 0, n1 = pointers.length; i2 < n1; i2++){
-            var pointer2 = pointers[i2];
-            this._updatePointerInfo(frameCount, pointer2, left, top, widthDPR, heightDPR);
-            this._buttons |= pointer2.pressedButtons;
+            var pointer1 = pointers[i2];
+            this._updatePointerInfo(frameCount, pointer1, left, top, widthDPR, heightDPR);
+            this._buttons |= pointer1.pressedButtons;
         }
     };
     /**
@@ -24358,24 +22739,10 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
     };
     /**
    * @internal
-   */ _proto._gc = function _gc() {
-        this._eventPool.garbageCollection();
-    };
-    /**
-   * @internal
    */ _proto._destroy = function _destroy() {
         this._removeEventListener();
         this._pointerPool.length = 0;
     };
-    _proto._addEmitters = function _addEmitters(pointer) {
-        var _this = this, eventPool = _this._eventPool, engine = _this._engine;
-        var emitters = pointer._emitters;
-        engine._physicsInitialized && emitters.push(new PhysicsPointerEventEmitter(eventPool));
-        var emitterTypes = PointerManager._pointerEventEmitters;
-        for(var i = 0, n = emitterTypes.length; i < n; i++){
-            emitters.push(new emitterTypes[i](eventPool));
-        }
-    };
     _proto._onPointerEvent = function _onPointerEvent(evt) {
         this._nativeEvents.push(evt);
     };
@@ -24412,7 +22779,6 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
                             pointer._downMap[button] = frameCount;
                             pointer._frameEvents |= PointerEventType.Down;
                             pointer.phase = PointerPhase.Down;
-                            pointer.pressedPosition.set((event.clientX - left) * widthPixelRatio, (event.clientY - top) * heightPixelRatio);
                             break;
                         }
                     case "pointerup":
@@ -24657,11 +23023,6 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
     };
     /**
    * @internal
-   */ _proto._gc = function _gc() {
-        this._initialized && this._pointerManager._gc();
-    };
-    /**
-   * @internal
    */ _proto._destroy = function _destroy() {
         if (this._initialized) {
             this._wheelManager._destroy();
@@ -28643,7 +27004,7 @@ var UIUtils = /*#__PURE__*/ function() {
     function UIUtils() {}
     UIUtils.renderOverlay = function renderOverlay(engine, scene, uiCanvases) {
         engine._macroCollection.enable(UIUtils._shouldSRGBCorrect);
-        var canvas = engine.canvas, rhi = engine._hardwareRenderer, renderContext = engine._renderContext, batcherManager = engine._batcherManager;
+        var canvas = engine.canvas; engine._hardwareRenderer; var renderContext = engine._renderContext, batcherManager = engine._batcherManager;
         var uiRenderQueue = this._renderQueue || (this._renderQueue = new RenderQueue(RenderQueueType.Transparent));
         var virtualCamera = this._virtualCamera || (this._virtualCamera = new VirtualCamera());
         var viewport = this._viewport || (this._viewport = new engineMath.Vector4(0, 0, 1, 1));
@@ -28652,16 +27013,10 @@ var UIUtils = /*#__PURE__*/ function() {
         camera.engine = engine;
         camera.scene = scene;
         renderContext.camera = camera;
-        var width = canvas.width, height = canvas.height;
         var _virtualCamera_projectionMatrix = virtualCamera.projectionMatrix, projectE = _virtualCamera_projectionMatrix.elements;
         var _virtualCamera_viewMatrix = virtualCamera.viewMatrix, viewE = _virtualCamera_viewMatrix.elements;
-        projectE[0] = 2 / width, projectE[5] = 2 / height, projectE[10] = 0;
-        // Render to an intermediate RT with Depth24Stencil8 so that stencil-based UI Mask works.
-        // The default canvas framebuffer is created without a stencil buffer
-        // (see WebGLGraphicDevice._webGLOptions.stencil = false).
-        var overlayRT = UIUtils._getOverlayRT(engine, width, height);
-        renderContext.setRenderTarget(overlayRT, viewport, 0);
-        rhi.clearRenderTarget(engine, CameraClearFlags.All, UIUtils._clearColor);
+        projectE[0] = 2 / canvas.width, projectE[5] = 2 / canvas.height, projectE[10] = 0;
+        renderContext.setRenderTarget(null, viewport, 0);
         for(var i = 0, n = uiCanvases.length; i < n; i++){
             var uiCanvas = uiCanvases.get(i);
             if (uiCanvas) {
@@ -28682,43 +27037,12 @@ var UIUtils = /*#__PURE__*/ function() {
                 engine._renderCount++;
             }
         }
-        // Blit overlay RT to default framebuffer with premultiplied alpha blending.
-        // Blitter.blitTexture picks the non-flipping `blitMesh` when destination is null,
-        // but the RT contents are written in standard Y-up NDC, so we flip V here via
-        // sourceScaleOffset to match the default framebuffer orientation.
-        Blitter.blitTexture(engine, overlayRT.getColorTexture(0), null, 0, viewport, UIUtils._getOverlayBlitMaterial(engine), 0, UIUtils._flipYScaleOffset);
         renderContext.camera = null;
         engine._macroCollection.disable(UIUtils._shouldSRGBCorrect);
     };
-    UIUtils._getOverlayRT = function _getOverlayRT(engine, width, height) {
-        var rt = UIUtils._overlayRT;
-        if (!rt || rt.width !== width || rt.height !== height) {
-            if (rt) {
-                rt.getColorTexture(0).destroy();
-                rt.destroy();
-            }
-            var colorTexture = new Texture2D(engine, width, height, TextureFormat.R8G8B8A8, false);
-            colorTexture.isGCIgnored = true;
-            rt = new RenderTarget(engine, width, height, colorTexture, TextureFormat.Depth24Stencil8);
-            rt.isGCIgnored = true;
-            UIUtils._overlayRT = rt;
-        }
-        return rt;
-    };
-    UIUtils._getOverlayBlitMaterial = function _getOverlayBlitMaterial(engine) {
-        var material = UIUtils._overlayBlitMaterial;
-        if (!material) {
-            material = new Material(engine, Shader.find("2D/UIOverlayBlit"));
-            material.isGCIgnored = true;
-            UIUtils._overlayBlitMaterial = material;
-        }
-        return material;
-    };
     return UIUtils;
 }();
 UIUtils._shouldSRGBCorrect = ShaderMacro.getByName("ENGINE_SHOULD_SRGB_CORRECT");
-UIUtils._clearColor = new engineMath.Color(0, 0, 0, 0);
-/** Flip V so that Y-up RT content maps correctly onto the default framebuffer. */ UIUtils._flipYScaleOffset = new engineMath.Vector4(1, -1, 0, 1);
 var OverlayCamera = function OverlayCamera() {
     // @ts-ignore
     this.instanceId = ++EngineObject._instanceIdCounter;
@@ -29165,7 +27489,6 @@ var OverlayCamera = function OverlayCamera() {
         this._renderElementPool.garbageCollection();
         this._textRenderElementPool.garbageCollection();
         this._renderContext.garbageCollection();
-        this.inputManager._gc();
         var scenes = this._sceneManager._scenes.getLoopArray();
         for(var i = 0, n = scenes.length; i < n; i++){
             var _scenes_i_physics, _scenes_i;
@@ -29588,44 +27911,16 @@ var OverlayCamera = function OverlayCamera() {
         this.hasStencilWritten = false;
         this._preMaskLayer = SpriteMaskLayer.Nothing;
         this._allSpriteMasks = new DisorderedArray();
-        this._filteredMasksByLayer = new Map();
-        this._isFilteredMasksDirty = true;
     }
     var _proto = MaskManager.prototype;
     _proto.addSpriteMask = function addSpriteMask(mask) {
         mask._maskIndex = this._allSpriteMasks.length;
         this._allSpriteMasks.add(mask);
-        this._setFilteredMasksDirty();
     };
     _proto.removeSpriteMask = function removeSpriteMask(mask) {
         var replaced = this._allSpriteMasks.deleteByIndex(mask._maskIndex);
         replaced && (replaced._maskIndex = mask._maskIndex);
         mask._maskIndex = -1;
-        this._setFilteredMasksDirty();
-    };
-    _proto.onMaskInfluenceLayersChange = function onMaskInfluenceLayersChange() {
-        this._setFilteredMasksDirty();
-    };
-    _proto.isVisibleByMask = function isVisibleByMask(maskInteraction, maskLayer, worldPoint) {
-        if (maskInteraction === SpriteMaskInteraction.None) {
-            return true;
-        }
-        var masks = this._getMasksByLayer(maskLayer);
-        var insideMask = false;
-        for(var i = 0, n = masks.length; i < n; i++){
-            if (masks[i]._containsWorldPoint(worldPoint)) {
-                insideMask = true;
-                break;
-            }
-        }
-        switch(maskInteraction){
-            case SpriteMaskInteraction.VisibleInsideMask:
-                return insideMask;
-            case SpriteMaskInteraction.VisibleOutsideMask:
-                return !insideMask;
-            default:
-                return true;
-        }
     };
     _proto.drawMask = function drawMask(context, pipelineStageTagValue, maskLayer) {
         var incrementMaskQueue = MaskManager.getMaskIncrementRenderQueue();
@@ -29700,34 +27995,6 @@ var OverlayCamera = function OverlayCamera() {
         var allSpriteMasks = this._allSpriteMasks;
         allSpriteMasks.length = 0;
         allSpriteMasks.garbageCollection();
-        this._filteredMasksByLayer.clear();
-        this._isFilteredMasksDirty = true;
-    };
-    _proto._setFilteredMasksDirty = function _setFilteredMasksDirty() {
-        this._isFilteredMasksDirty = true;
-    };
-    _proto._getMasksByLayer = function _getMasksByLayer(maskLayer) {
-        if (maskLayer === SpriteMaskLayer.Nothing) {
-            return [];
-        }
-        if (this._isFilteredMasksDirty) {
-            this._filteredMasksByLayer.clear();
-            this._isFilteredMasksDirty = false;
-        }
-        var filteredMasks = this._filteredMasksByLayer.get(maskLayer);
-        if (!filteredMasks) {
-            filteredMasks = [];
-            var allMasks = this._allSpriteMasks;
-            var maskElements = allMasks._elements;
-            for(var i = 0, n = allMasks.length; i < n; i++){
-                var mask = maskElements[i];
-                if (mask.influenceLayers & maskLayer) {
-                    filteredMasks.push(mask);
-                }
-            }
-            this._filteredMasksByLayer.set(maskLayer, filteredMasks);
-        }
-        return filteredMasks;
     };
     _proto._buildMaskRenderElement = function _buildMaskRenderElement(curMaskLayer, incrementMaskQueue, decrementMaskQueue) {
         var preMaskLayer = this._preMaskLayer;
@@ -31033,6 +29300,218 @@ Scene._fogColorProperty = ShaderProperty.getByName("scene_FogColor");
 Scene._fogParamsProperty = ShaderProperty.getByName("scene_FogParams");
 Scene._prefilterdDFGProperty = ShaderProperty.getByName("scene_PrefilteredDFG");
 
+/**
+ * Script class, used for logic writing.
+ */ var Script = /*#__PURE__*/ function(Component) {
+    _inherits(Script, Component);
+    function Script() {
+        var _this;
+        _this = Component.apply(this, arguments) || this, /** @internal */ _this._started = false, /** @internal */ _this._onStartIndex = -1, /** @internal */ _this._onUpdateIndex = -1, /** @internal */ _this._onLateUpdateIndex = -1, /** @internal */ _this._onPhysicsUpdateIndex = -1, /** @internal */ _this._onPreRenderIndex = -1, /** @internal */ _this._onPostRenderIndex = -1, /** @internal */ _this._entityScriptsIndex = -1;
+        return _this;
+    }
+    var _proto = Script.prototype;
+    /**
+   * Called when be enabled first time, only once.
+   */ _proto.onAwake = function onAwake() {};
+    /**
+   * Called when be enabled.
+   */ _proto.onEnable = function onEnable() {};
+    /**
+   * Called before the frame-level loop start for the first time, only once.
+   */ _proto.onStart = function onStart() {};
+    /**
+   * The main loop, called frame by frame.
+   * @param deltaTime - The delta time since last frame in seconds
+   */ _proto.onUpdate = function onUpdate(deltaTime) {};
+    /**
+   * Called after the onUpdate finished, called frame by frame.
+   * @param deltaTime - The delta time since last frame in seconds
+   */ _proto.onLateUpdate = function onLateUpdate(deltaTime) {};
+    /**
+   * Called before camera rendering, called per camera.
+   * @param camera - Current camera.
+   */ _proto.onBeginRender = function onBeginRender(camera) {};
+    /**
+   * Called after camera rendering, called per camera.
+   * @param camera - Current camera.
+   */ _proto.onEndRender = function onEndRender(camera) {};
+    /**
+   * Called before physics calculations, the number of times is related to the physical update frequency.
+   */ _proto.onPhysicsUpdate = function onPhysicsUpdate() {};
+    /**
+   * Called when the trigger enter.
+   * @param other - ColliderShape
+   */ _proto.onTriggerEnter = function onTriggerEnter(other) {};
+    /**
+   * Called when the trigger exit.
+   * @param other - ColliderShape
+   */ _proto.onTriggerExit = function onTriggerExit(other) {};
+    /**
+   * Called when the trigger stay.
+   * @remarks onTriggerStay is called every frame while the trigger stay.
+   * @param other - ColliderShape
+   */ _proto.onTriggerStay = function onTriggerStay(other) {};
+    /**
+   * Called when the collision enter.
+   * @param other - The Collision data associated with this collision event
+   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
+   */ _proto.onCollisionEnter = function onCollisionEnter(other) {};
+    /**
+   * Called when the collision exit.
+   * @param other - The Collision data associated with this collision event
+   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
+   */ _proto.onCollisionExit = function onCollisionExit(other) {};
+    /**
+   * Called when the collision stay.
+   * @param other - The Collision data associated with this collision event
+   * @remarks The Collision data will be invalid after this call, you should copy the data if needed.
+   */ _proto.onCollisionStay = function onCollisionStay(other) {};
+    /**
+   * Called when the pointer is down while over the ColliderShape.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerDown = function onPointerDown(eventData) {};
+    /**
+   * Called when the pointer is up while over the ColliderShape.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerUp = function onPointerUp(eventData) {};
+    /**
+   * Called when the pointer is down and up with the same collider.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerClick = function onPointerClick(eventData) {};
+    /**
+   *  Called when the pointer enters the ColliderShape.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerEnter = function onPointerEnter(eventData) {};
+    /**
+   * Called when the pointer exits the ColliderShape.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerExit = function onPointerExit(eventData) {};
+    /**
+   * This function will be called when the pointer is pressed on the collider.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerBeginDrag = function onPointerBeginDrag(eventData) {};
+    /**
+   *  When a drag collision occurs on the pointer, this function will be called every time it moves.
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerDrag = function onPointerDrag(eventData) {};
+    /**
+   *  When dragging ends, this function will be called (Dragged object).
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerEndDrag = function onPointerEndDrag(eventData) {};
+    /**
+   *  When dragging ends, this function will be called (Receiving object).
+   * @param eventData - The pointer event data that triggered this callback
+   */ _proto.onPointerDrop = function onPointerDrop(eventData) {};
+    /**
+   * Called when be disabled.
+   */ _proto.onDisable = function onDisable() {};
+    /**
+   * Called at the end of the destroyed frame.
+   */ _proto.onDestroy = function onDestroy() {};
+    /**
+   * @internal
+   */ _proto._onAwake = function _onAwake() {
+        this.onAwake();
+    };
+    /**
+   * @internal
+   */ _proto._onEnable = function _onEnable() {
+        this.onEnable();
+    };
+    /**
+   * @internal
+   */ _proto._onDisable = function _onDisable() {
+        this.onDisable();
+    };
+    /**
+   * @internal
+   */ _proto._onEnableInScene = function _onEnableInScene() {
+        var _this_scene = this.scene, componentsManager = _this_scene._componentsManager;
+        var prototype = Script.prototype;
+        if (!this._started) {
+            componentsManager.addOnStartScript(this);
+        }
+        if (this.onUpdate !== prototype.onUpdate) {
+            componentsManager.addOnUpdateScript(this);
+        }
+        if (this.onLateUpdate !== prototype.onLateUpdate) {
+            componentsManager.addOnLateUpdateScript(this);
+        }
+        if (this.onPhysicsUpdate !== prototype.onPhysicsUpdate) {
+            componentsManager.addOnPhysicsUpdateScript(this);
+        }
+        for(var _iterator = _create_for_of_iterator_helper_loose(Object.values(PointerMethods)), _step; !(_step = _iterator()).done;){
+            var pointerMethod = _step.value;
+            if (this[pointerMethod] === prototype[pointerMethod]) {
+                this[pointerMethod] = null;
+            }
+        }
+        this._entity._addScript(this);
+    };
+    /**
+   * @internal
+   */ _proto._onDisableInScene = function _onDisableInScene() {
+        var componentsManager = this.scene._componentsManager;
+        var prototype = Script.prototype;
+        if (!this._started) {
+            componentsManager.removeOnStartScript(this);
+        }
+        if (this.onUpdate !== prototype.onUpdate) {
+            componentsManager.removeOnUpdateScript(this);
+        }
+        if (this.onLateUpdate !== prototype.onLateUpdate) {
+            componentsManager.removeOnLateUpdateScript(this);
+        }
+        if (this.onPhysicsUpdate !== prototype.onPhysicsUpdate) {
+            componentsManager.removeOnPhysicsUpdateScript(this);
+        }
+        this._entity._removeScript(this);
+    };
+    /**
+   * @internal
+   */ _proto._onDestroy = function _onDestroy() {
+        Component.prototype._onDestroy.call(this);
+        this.onDestroy();
+    };
+    return Script;
+}(Component);
+__decorate([
+    ignoreClone
+], Script.prototype, "_started", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onStartIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onUpdateIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onLateUpdateIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onPhysicsUpdateIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onPreRenderIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_onPostRenderIndex", void 0);
+__decorate([
+    ignoreClone
+], Script.prototype, "_entityScriptsIndex", void 0);
+var PointerMethods = /*#__PURE__*/ function(PointerMethods) {
+    PointerMethods["onPointerDown"] = "onPointerDown";
+    PointerMethods["onPointerUp"] = "onPointerUp";
+    PointerMethods["onPointerClick"] = "onPointerClick";
+    PointerMethods["onPointerEnter"] = "onPointerEnter";
+    PointerMethods["onPointerExit"] = "onPointerExit";
+    PointerMethods["onPointerBeginDrag"] = "onPointerBeginDrag";
+    PointerMethods["onPointerDrag"] = "onPointerDrag";
+    PointerMethods["onPointerEndDrag"] = "onPointerEndDrag";
+    PointerMethods["onPointerDrop"] = "onPointerDrop";
+    return PointerMethods;
+}({});
+
 /**
  * Signal is a typed event mechanism for Galacean Engine.
  * @typeParam T - Tuple type of the signal arguments
@@ -43198,7 +41677,6 @@ exports.DisorderedArray = DisorderedArray;
 exports.Downsampling = Downsampling;
 exports.DynamicCollider = DynamicCollider;
 exports.DynamicColliderConstraints = DynamicColliderConstraints;
-exports.DynamicColliderKinematicTransformSyncMode = DynamicColliderKinematicTransformSyncMode;
 exports.EmissionModule = EmissionModule;
 exports.Engine = Engine;
 exports.EngineEventType = EngineEventType;
@@ -43234,8 +41712,6 @@ exports.Loader = Loader;
 exports.Logger = Logger;
 exports.MSAASamples = MSAASamples;
 exports.MainModule = MainModule;
-exports.MaskDirtyFlags = MaskDirtyFlags;
-exports.MaskRenderable = MaskRenderable;
 exports.Material = Material;
 exports.Mesh = Mesh;
 exports.MeshColliderShape = MeshColliderShape;
@@ -43344,12 +41820,9 @@ exports.SpringJoint = SpringJoint;
 exports.Sprite = Sprite;
 exports.SpriteAtlas = SpriteAtlas;
 exports.SpriteDrawMode = SpriteDrawMode;
-exports.SpriteFilledMode = SpriteFilledMode;
-exports.SpriteFilledOrigin = SpriteFilledOrigin;
 exports.SpriteMask = SpriteMask;
 exports.SpriteMaskInteraction = SpriteMaskInteraction;
 exports.SpriteMaskLayer = SpriteMaskLayer;
-exports.SpriteMaskUtils = SpriteMaskUtils;
 exports.SpriteModifyFlags = SpriteModifyFlags;
 exports.SpriteRenderer = SpriteRenderer;
 exports.SpriteTileMode = SpriteTileMode;