fix: fix 2d renderer order error

packages/core/src/2d/sprite/SpriteRenderer.ts

@@ -18,6 +18,13 @@ export class SpriteRenderer extends Renderer {
   private static _textureProperty: ShaderProperty = Shader.getPropertyByName("u_spriteTexture");
   private static _tempVec3: Vector3 = new Vector3();
 
+  /** @internal temp solution. */
+  @ignoreClone
+  _customLocalBounds: BoundingBox = null;
+  /** @internal temp solution. */
+  @ignoreClone
+  _customRootEntity: Entity = null;
+
   @deepClone
   private _positions: Vector3[] = [new Vector3(), new Vector3(), new Vector3(), new Vector3()];
   @assignmentClone
@@ -231,9 +238,14 @@ export class SpriteRenderer extends Renderer {
   protected _updateBounds(worldBounds: BoundingBox): void {
     const sprite = this._sprite;
     if (sprite) {
-      const localBounds = sprite.bounds;
-      const worldMatrix = this._entity.transform.worldMatrix;
-      BoundingBox.transform(localBounds, worldMatrix, worldBounds);
+      if (this._customLocalBounds && this._customRootEntity) {
+        const worldMatrix = this._customRootEntity.transform.worldMatrix;
+        BoundingBox.transform(this._customLocalBounds, worldMatrix, worldBounds);
+      } else {
+        const localBounds = sprite.bounds;
+        const worldMatrix = this._entity.transform.worldMatrix;
+        BoundingBox.transform(localBounds, worldMatrix, worldBounds);
+      }
     } else {
       worldBounds.min.setValue(0, 0, 0);
       worldBounds.max.setValue(0, 0, 0);

packages/core/src/RenderPipeline/RenderQueue.ts

@@ -18,24 +18,22 @@ export class RenderQueue {
    * @internal
    */
   static _compareFromNearToFar(a: Item, b: Item): number {
-    const renderQueueDif = a.material.renderQueueType - b.material.renderQueueType;
-
-    if (renderQueueDif) {
-      return renderQueueDif;
-    }
-    return a.component._distanceForSort - b.component._distanceForSort;
+    return (
+      a.material.renderQueueType - b.material.renderQueueType ||
+      a.component._distanceForSort - b.component._distanceForSort ||
+      b.component._renderSortId - a.component._renderSortId
+    );
   }
 
   /**
    * @internal
    */
   static _compareFromFarToNear(a: Item, b: Item): number {
-    const renderQueueDif = a.material.renderQueueType - b.material.renderQueueType;
-
-    if (renderQueueDif) {
-      return renderQueueDif;
-    }
-    return b.component._distanceForSort - a.component._distanceForSort;
+    return (
+      a.material.renderQueueType - b.material.renderQueueType ||
+      b.component._distanceForSort - a.component._distanceForSort ||
+      b.component._renderSortId - a.component._renderSortId
+    );
   }
 
   readonly items: Item[] = [];

packages/core/src/Renderer.ts

@@ -42,6 +42,10 @@ export abstract class Renderer extends Component {
   @ignoreClone
   _globalShaderMacro: ShaderMacroCollection = new ShaderMacroCollection();
 
+  /** @internal temp solution. */
+  @ignoreClone
+  _renderSortId: number = 0;
+
   @ignoreClone
   protected _overrideUpdate: boolean = false;
   @shallowClone