1.2.1 dist files

Author: obiot

dist/@melonjs/spine-plugin.d.ts

@@ -4070,10 +4070,8 @@ declare class CanvasTexture extends Texture {
 }
 declare class SkeletonRenderer {
     constructor(runtime: any);
-    isWebGLRenderer: any;
     skeletonRenderer: any;
     runtime: any;
-    tempColor: Color;
     tintColor: Color$1;
     vertexSize: number;
     debugRendering: boolean;

dist/@melonjs/spine-plugin.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Spine plugin - v1.2.0
+ * melonJS Spine plugin - v1.2.1
  * http://www.melonjs.org
  * @melonjs/spine-plugin is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -14932,11 +14932,12 @@ class AssetManager {
 const worldVertices = new Float32Array(8);
 const blendModeLUT = ["normal", "additive", "multiply", "screen"];
 
+const regionDebugColor = "green";
+const clipDebugColor = "blue";
+
 class SkeletonRenderer {
-    isWebGLRenderer;
     skeletonRenderer;
     runtime;
-    tempColor = new Color();
     tintColor = new Color$1();
     vertexSize = 2 + 2 + 4;
     debugRendering = false;
@@ -14947,18 +14948,21 @@ class SkeletonRenderer {
     constructor(runtime) {
         this.runtime = runtime;
         this.skeletonRenderer = new runtime.SkeletonRenderer();
-        this.tempColor = new Color();
     }
 
     draw(renderer, skeleton) {
         let clipper = this.clipper;
         let drawOrder = skeleton.drawOrder;
         let skeletonColor = skeleton.color;
+        let clippingMask = this.clippingMask;
+        let debugRendering = this.debugRendering;
 
         for (var i = 0, n = drawOrder.length; i < n; i++) {
             let clippedVertexSize = clipper.isClipping() ? 2 : this.vertexSize;
             let slot = drawOrder[i];
             let bone = slot.bone;
+            let image;
+            let region;
 
             if (!bone.active) {
                 clipper.clipEndWithSlot(slot);
@@ -14969,8 +14973,36 @@ class SkeletonRenderer {
             let attachment = slot.getAttachment();
 
             if (attachment instanceof RegionAttachment) {
-                let region = attachment.region;
-                let image = region.texture.getImage();
+                attachment.computeWorldVertices(slot, worldVertices, 0, clippedVertexSize);
+                region = attachment.region;
+                image = region.texture.getImage();
+            } else if (attachment instanceof MeshAttachment) {
+                /*
+                // commenting for now as totally untested
+                let mesh = attachment;
+                mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, worldVertices, 0, 2);
+                region = mesh.region;
+                image = mesh.region.texture.getImage();
+                */
+               console.warn("spine-plugin: MeshAttachment is not supported yet");
+            } else if (attachment instanceof ClippingAttachment) {
+                let clip = attachment;
+                let vertices = this.clippingVertices;
+                clipper.clipStart(slot, clip);
+                clip.computeWorldVertices(slot, 0, clip.worldVerticesLength, vertices, 0, 2);
+                clippingMask.setVertices(vertices, clip.worldVerticesLength);
+                if (debugRendering === true) {
+                    renderer.setColor(clipDebugColor);
+                    renderer.stroke(clippingMask);
+                }
+                continue;
+            } else {
+                clipper.clipEndWithSlot(slot);
+                renderer.clearMask();
+                continue;
+            }
+
+            if (typeof image !== "undefined") {
                 let slotColor = slot.color;
                 let regionColor = attachment.color;
                 let blendMode = slot.data.blendMode;
@@ -14981,8 +15013,6 @@ class SkeletonRenderer {
                     skeletonColor.b * slotColor.b * regionColor.b,
                     skeletonColor.a * slotColor.a * regionColor.a);
 
-                attachment.computeWorldVertices(slot, worldVertices, 0, clippedVertexSize);
-
                 renderer.save();
                 renderer.transform(bone.a, bone.c, bone.b, bone.d, bone.worldX, bone.worldY);
                 renderer.translate(attachment.offset[0], attachment.offset[1]);
@@ -15007,34 +15037,17 @@ class SkeletonRenderer {
                 renderer.setGlobalAlpha(color.a);
 
                 if (clipper.isClipping()) {
-                    renderer.setMask(this.clippingMask);
+                    renderer.setMask(clippingMask);
                 }
 
                 renderer.drawImage(image, image.width * region.u, image.height * region.v, w, h, 0, 0, w, h);
 
-                if (this.debugRendering === true) {
-                    renderer.setColor("green");
+                if (debugRendering === true) {
+                    renderer.setColor(regionDebugColor);
                     renderer.strokeRect(0, 0, w, h);
                 }
 
                 renderer.restore();
-            } else if (attachment instanceof MeshAttachment) {
-                // do nothing for now;
-            } else if (attachment instanceof ClippingAttachment) {
-                let clip = attachment;
-                let vertices = this.clippingVertices;
-                clipper.clipStart(slot, clip);
-                clip.computeWorldVertices(slot, 0, clip.worldVerticesLength, vertices, 0, 2);
-                this.clippingMask.setVertices(vertices, clip.worldVerticesLength);
-                if (this.debugRendering === true) {
-                    renderer.setColor("blue");
-                    renderer.stroke(this.clippingMask);
-                }
-                continue;
-            } else {
-                clipper.clipEndWithSlot(slot);
-                renderer.clearMask();
-                continue;
             }
             clipper.clipEndWithSlot(slot);
             renderer.clearMask();