@esotericsoftware/spine-webgl 4.3.9 → 4.3.10

package/dist/esm/spine-webgl.mjs

@@ -11033,7 +11033,7 @@ var SkeletonClipping = class {
       t = triangles[i + 2];
       const x3 = vertices[t * stride], y3 = vertices[t * stride + 1];
       const u3 = uvs[t << 1], v3 = uvs[(t << 1) + 1];
-      const d0 = y2 - y3, d1 = x3 - x2, d2 = x1 - x3, d4 = y3 - y1, d = 1 / (d0 * d2 + d1 * (y1 - y3));
+      let d0 = 0, d1 = 0, d2 = 0, d4 = 0, d = 0;
       for (let p = 0; p < polygonsCount; p++) {
         let s = clippedVertices.length;
         if (this.clip(x1, y1, x2, y2, x3, y3, polygons[p])) {
@@ -11041,6 +11041,13 @@ var SkeletonClipping = class {
           const clipOutputLength = clipOutput.length;
           if (clipOutputLength === 0) continue;
           let clipOutputCount = clipOutputLength >> 1;
+          if (d === 0) {
+            d0 = y2 - y3;
+            d1 = x3 - x2;
+            d2 = x1 - x3;
+            d4 = y3 - y1;
+            d = 1 / (d0 * d2 - d1 * d4);
+          }
           const cv = Utils.setArraySize(clippedVertices, s + clipOutputCount * stride);
           for (let ii = 0; ii < clipOutputLength; ii += 2, s += stride) {
             const x = clipOutputItems[ii], y = clipOutputItems[ii + 1];
@@ -11240,7 +11247,7 @@ var SkeletonClipping = class {
       const x3 = vertices[vertexStart + v], y3 = vertices[vertexStart + v + 1];
       uv = t << 1;
       const u3 = uvs[uv], v3 = uvs[uv + 1];
-      const d0 = y2 - y3, d1 = x3 - x2, d2 = x1 - x3, d4 = y3 - y1, d = 1 / (d0 * d2 + d1 * (y1 - y3));
+      let d0 = 0, d1 = 0, d2 = 0, d4 = 0, d = 0;
       for (let p = 0; p < polygonsCount; p++) {
         let s = this.clippedVerticesLength;
         if (this.clip(x1, y1, x2, y2, x3, y3, polygons[p])) {
@@ -11248,6 +11255,13 @@ var SkeletonClipping = class {
           const clipOutputLength = clipOutput.length;
           if (clipOutputLength === 0) continue;
           let clipOutputCount = clipOutputLength >> 1;
+          if (d === 0) {
+            d0 = y2 - y3;
+            d1 = x3 - x2;
+            d2 = x1 - x3;
+            d4 = y3 - y1;
+            d = 1 / (d0 * d2 - d1 * d4);
+          }
           const newLength = s + clipOutputCount * stride;
           if (clippedVertices.length < newLength) {
             this._clippedVerticesTyped = new Float32Array(newLength * 2);
@@ -11364,16 +11378,15 @@ var SkeletonClipping = class {
       const edgeX = v[i], edgeY = v[i + 1], ex = edgeX - v[i + 2], ey = edgeY - v[i + 3];
       const outputStart = output.length;
       const iv2 = input;
-      for (let ii = 0, nn = input.length - 2; ii < nn; ) {
-        x1 = iv2[ii];
-        y1 = iv2[ii + 1];
-        ii += 2;
+      x1 = iv2[0];
+      y1 = iv2[1];
+      let s1 = ey * (edgeX - x1) - ex * (edgeY - y1);
+      for (let ii = 2, nn = input.length - 2; ii <= nn; ii += 2) {
         x2 = iv2[ii];
         y2 = iv2[ii + 1];
-        const s2 = ey * (edgeX - x2) > ex * (edgeY - y2);
-        const s1 = ey * (edgeX - x1) - ex * (edgeY - y1);
+        const s2 = ey * (edgeX - x2) - ex * (edgeY - y2);
         if (s1 > 0) {
-          if (s2)
+          if (s2 > 0)
             output.push(x2, y2);
           else {
             const ix = x2 - x1, iy = y2 - y1, t = s1 / (ix * ey - iy * ex);
@@ -11383,7 +11396,7 @@ var SkeletonClipping = class {
             } else
               output.push(x2, y2);
           }
-        } else if (s2) {
+        } else if (s2 > 0) {
           const ix = x2 - x1, iy = y2 - y1, t = s1 / (ix * ey - iy * ex);
           if (t >= 0 && t <= 1) {
             output.push(x1 + ix * t, y1 + iy * t, x2, y2);
@@ -11392,6 +11405,9 @@ var SkeletonClipping = class {
             output.push(x2, y2);
         } else
           clipped = true;
+        x1 = x2;
+        y1 = y2;
+        s1 = s2;
       }
       if (outputStart === output.length) {
         originalOutput.length = 0;
@@ -11439,16 +11455,15 @@ var SkeletonClipping = class {
       const outputStart = output.length, fragmentStart = this.inverseVertices.length;
       this.inverseVertices.push(0);
       iv = input;
-      for (let ii = 0, nn = input.length - 2; ii < nn; ) {
-        x1 = iv[ii];
-        y1 = iv[ii + 1];
-        ii += 2;
+      x1 = iv[0];
+      y1 = iv[1];
+      let s1 = ey * (edgeX - x1) - ex * (edgeY - y1);
+      for (let ii = 2, nn = input.length - 2; ii <= nn; ii += 2) {
         x2 = iv[ii];
         y2 = iv[ii + 1];
-        const s2 = ey * (edgeX - x2) > ex * (edgeY - y2);
-        const s1 = ey * (edgeX - x1) - ex * (edgeY - y1);
+        const s2 = ey * (edgeX - x2) - ex * (edgeY - y2);
         if (s1 > 0) {
-          if (s2)
+          if (s2 > 0)
             output.push(x2, y2);
           else {
             const ix = x2 - x1, iy = y2 - y1, t = s1 / (ix * ey - iy * ex);
@@ -11459,16 +11474,19 @@ var SkeletonClipping = class {
             } else
               output.push(x2, y2);
           }
-        } else if (s2) {
-          const dx = x2 - x1, dy = y2 - y1, t = s1 / (dx * ey - dy * ex);
+        } else if (s2 > 0) {
+          const ix = x2 - x1, iy = y2 - y1, t = s1 / (ix * ey - iy * ex);
           if (t >= 0 && t <= 1) {
-            const cx = x1 + dx * t, cy = y1 + dy * t;
+            const cx = x1 + ix * t, cy = y1 + iy * t;
             this.inverseVertices.push(cx, cy);
             output.push(cx, cy, x2, y2);
           } else
             output.push(x2, y2);
         } else
           this.inverseVertices.push(x2, y2);
+        x1 = x2;
+        y1 = y2;
+        s1 = s2;
       }
       const fragmentSize = this.inverseVertices.length - fragmentStart - 1;
       if (fragmentSize >= 6)
@@ -12835,17 +12853,21 @@ var SkeletonRendererCore = class {
     this.renderCommands.length = 0;
     const clipper = this.clipping;
     const drawOrder = skeleton.drawOrder.appliedPose;
-    for (let i = 0; i < skeleton.slots.length; i++) {
+    for (let i = 0, n = drawOrder.length; i < n; i++) {
       const slot = drawOrder[i];
-      const attachment = slot.appliedPose.attachment;
-      if (!attachment) {
+      if (!slot.bone.active) {
         clipper.clipEnd(slot);
         continue;
       }
       const pose = slot.appliedPose;
+      const attachment = pose.attachment;
+      if (!attachment) {
+        clipper.clipEnd(slot);
+        continue;
+      }
       const slotColor = pose.color;
       const alpha = slotColor.a;
-      if ((alpha === 0 || !slot.bone.active) && !(attachment instanceof ClippingAttachment)) {
+      if (alpha === 0 && !(attachment instanceof ClippingAttachment)) {
         clipper.clipEnd(slot);
         continue;
       }
@@ -12889,9 +12911,15 @@ var SkeletonRendererCore = class {
         indicesCount = indices.length;
         texture = sequence.regions[sequenceIndex]?.texture;
       } else if (attachment instanceof ClippingAttachment) {
+        clipper.clipEnd(slot);
         clipper.clipStart(skeleton, slot, attachment);
         continue;
       } else {
+        clipper.clipEnd(slot);
+        continue;
+      }
+      if (!texture) {
+        clipper.clipEnd(slot);
         continue;
       }
       const skelColor = skeleton.color;