@esotericsoftware/spine-webgl 4.3.1 → 4.3.3

package/dist/iife/spine-webgl.js

@@ -14968,10 +14968,12 @@ void main () {
     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)
@@ -15050,7 +15052,9 @@ void main () {
           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);
@@ -15060,9 +15064,9 @@ void main () {
             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)) {
@@ -15077,7 +15081,7 @@ void main () {
                 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];
               }
@@ -15086,7 +15090,7 @@ void main () {
                 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;