only render attachments when visible

pixijs · Jun 5, 2024 · 16b0cb9 · 16b0cb9
1 parent 6cb00e8
commit 16b0cb9
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 12 deletions.
diff --git a/src/Spine.ts b/src/Spine.ts
@@ -248,20 +248,25 @@ export class Spine extends Container implements View
 
             const { slot, container } = slotAttachment;
 
-            const bone = slot.bone;
+            container.visible = this.skeleton.drawOrder.includes(slot);
 
-            container.position.set(bone.worldX, bone.worldY);
+            if (container.visible)
+            {
+                const bone = slot.bone;
+
+                container.position.set(bone.worldX, bone.worldY);
 
-            container.scale.x = bone.getWorldScaleX();
-            container.scale.y = bone.getWorldScaleY();
+                container.scale.x = bone.getWorldScaleX();
+                container.scale.y = bone.getWorldScaleY();
 
-            const rotationX = bone.getWorldRotationX() * DEG_TO_RAD;
-            const rotationY = bone.getWorldRotationY() * DEG_TO_RAD;
+                const rotationX = bone.getWorldRotationX() * DEG_TO_RAD;
+                const rotationY = bone.getWorldRotationY() * DEG_TO_RAD;
 
-            container.rotation = Math.atan2(
-                Math.sin(rotationX) + Math.sin(rotationY),
-                Math.cos(rotationX) + Math.cos(rotationY)
-            );
+                container.rotation = Math.atan2(
+                    Math.sin(rotationX) + Math.sin(rotationY),
+                    Math.cos(rotationX) + Math.cos(rotationY)
+                );
+            }
         }
 
         this.onViewUpdate();

diff --git a/src/SpinePipe.ts b/src/SpinePipe.ts
@@ -27,7 +27,15 @@
  * SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  *****************************************************************************/
 
-import { BigPool, collectAllRenderables, extensions, ExtensionType, type Renderer, type RenderPipe, Texture } from 'pixi.js';
+import {
+    BigPool,
+    collectAllRenderables,
+    extensions, ExtensionType,
+    InstructionSet,
+    type Renderer,
+    type RenderPipe,
+    Texture
+} from 'pixi.js';
 import { BatchableClippedSpineSlot } from './BatchableClippedSpineSlot';
 import { BatchableSpineSlot } from './BatchableSpineSlot';
 import { Spine } from './Spine';
@@ -81,7 +89,7 @@ export class SpinePipe implements RenderPipe<Spine>
         this._returnActiveBatches();
     }
 
-    addRenderable(spine: Spine, instructionSet)
+    addRenderable(spine: Spine, instructionSet:InstructionSet)
     {
         const batcher = this.renderer.renderPipes.batch;