@esotericsoftware/spine-webgl 4.3.1 → 4.3.2

package/dist/esm/spine-webgl.mjs

@@ -14741,10 +14741,12 @@ var SkeletonRenderer = class _SkeletonRenderer {
   twoColorTint = false;
   renderable = new Renderable([], 0, 0);
   clipper = new SkeletonClipping();
-  temp = new Vector2();
-  temp2 = new Vector2();
-  temp3 = new Color();
-  temp4 = new Color();
+  /**
+   * Batches additive slots together with normal slots by rendering additive slots with premultiplied alpha RGB and zero alpha,
+   * while using normal PMA blending. This reduces draw calls for normal/additive/normal sequences with the same texture.
+   * Disable this if rendering to a transparent target and the accumulated destination alpha from additive blending must be preserved.
+   */
+  pmaAdditiveBatching = true;
   constructor(context, twoColorTint = true) {
     this.twoColorTint = twoColorTint;
     if (twoColorTint)
@@ -14823,7 +14825,9 @@ var SkeletonRenderer = class _SkeletonRenderer {
         finalColor.r = skeletonColor.r * slotColor.r * attachmentColor.r * alpha;
         finalColor.g = skeletonColor.g * slotColor.g * attachmentColor.g * alpha;
         finalColor.b = skeletonColor.b * slotColor.b * attachmentColor.b * alpha;
-        finalColor.a = alpha;
+        const slotBlendMode = slot.data.blendMode;
+        const additiveBlend = this.pmaAdditiveBatching && slotBlendMode === 1 /* Additive */;
+        finalColor.a = additiveBlend ? 0 : alpha;
         const darkColor = this.tempColor2;
         if (!pose.darkColor)
           darkColor.set(0, 0, 0, 1);
@@ -14833,9 +14837,9 @@ var SkeletonRenderer = class _SkeletonRenderer {
           darkColor.b = pose.darkColor.b * alpha;
           darkColor.a = 1;
         }
-        const slotBlendMode = slot.data.blendMode;
-        if (slotBlendMode !== blendMode) {
-          blendMode = slotBlendMode;
+        const batchBlendMode = additiveBlend ? 0 /* Normal */ : slotBlendMode;
+        if (batchBlendMode !== blendMode) {
+          blendMode = batchBlendMode;
           batcher.setBlendMode(blendMode);
         }
         if (clipper.isClipping() && clipper.clipTriangles(renderable.vertices, triangles, triangles.length, uvs, finalColor, darkColor, twoColorTint, vertexSize)) {
@@ -14850,7 +14854,7 @@ var SkeletonRenderer = class _SkeletonRenderer {
               verts[v] = finalColor.r;
               verts[v + 1] = finalColor.g;
               verts[v + 2] = finalColor.b;
-              verts[v + 3] = alpha;
+              verts[v + 3] = finalColor.a;
               verts[v + 4] = uvs[u];
               verts[v + 5] = uvs[u + 1];
             }
@@ -14859,7 +14863,7 @@ var SkeletonRenderer = class _SkeletonRenderer {
               verts[v] = finalColor.r;
               verts[v + 1] = finalColor.g;
               verts[v + 2] = finalColor.b;
-              verts[v + 3] = alpha;
+              verts[v + 3] = finalColor.a;
               verts[v + 4] = uvs[u];
               verts[v + 5] = uvs[u + 1];
               verts[v + 6] = darkColor.r;