@esotericsoftware/spine-canvas 4.1.4 → 4.1.8

package/dist/iife/spine-canvas.js

@@ -513,6 +513,8 @@ var spine = (() => {
     constructor(name) {
       super(name);
       this.id = _VertexAttachment.nextID++;
+      this.bones = null;
+      this.vertices = null;
       this.worldVerticesLength = 0;
       this.timelineAttahment = this;
     }
@@ -658,6 +660,8 @@ var spine = (() => {
   // spine-core/src/Animation.ts
   var Animation = class {
     constructor(name, timelines, duration) {
+      this.timelines = null;
+      this.timelineIds = null;
       if (!name)
         throw new Error("name cannot be null.");
       this.name = name;
@@ -727,6 +731,8 @@ var spine = (() => {
   };
   var Timeline = class {
     constructor(frameCount, propertyIds) {
+      this.propertyIds = null;
+      this.frames = null;
       this.propertyIds = propertyIds;
       this.frames = Utils.newFloatArray(frameCount * this.getFrameEntries());
     }
@@ -760,6 +766,7 @@ var spine = (() => {
   var CurveTimeline = class extends Timeline {
     constructor(frameCount, bezierCount, propertyIds) {
       super(frameCount, propertyIds);
+      this.curves = null;
       this.curves = Utils.newFloatArray(frameCount + bezierCount * 18);
       this.curves[frameCount - 1] = 1;
     }
@@ -1096,8 +1103,8 @@ var spine = (() => {
               bone.scaleY = by + (Math.abs(y) * MathUtils.signum(by) - by) * alpha;
               break;
             case 3:
-              bone.scaleX = (x - bone.data.scaleX) * alpha;
-              bone.scaleY = (y - bone.data.scaleY) * alpha;
+              bone.scaleX += (x - bone.data.scaleX) * alpha;
+              bone.scaleY += (y - bone.data.scaleY) * alpha;
           }
         } else {
           switch (blend) {
@@ -1163,7 +1170,7 @@ var spine = (() => {
               bone.scaleX = bx + (Math.abs(x) * MathUtils.signum(bx) - bx) * alpha;
               break;
             case 3:
-              bone.scaleX = (x - bone.data.scaleX) * alpha;
+              bone.scaleX += (x - bone.data.scaleX) * alpha;
           }
         } else {
           switch (blend) {
@@ -1224,7 +1231,7 @@ var spine = (() => {
               bone.scaleY = by + (Math.abs(y) * MathUtils.signum(by) - by) * alpha;
               break;
             case 3:
-              bone.scaleY = (y - bone.data.scaleY) * alpha;
+              bone.scaleY += (y - bone.data.scaleY) * alpha;
           }
         } else {
           switch (blend) {
@@ -1819,6 +1826,8 @@ var spine = (() => {
         Property.deform + "|" + slotIndex + "|" + attachment.id
       ]);
       this.slotIndex = 0;
+      this.attachment = null;
+      this.vertices = null;
       this.slotIndex = slotIndex;
       this.attachment = attachment;
       this.vertices = new Array(frameCount);
@@ -2035,6 +2044,7 @@ var spine = (() => {
   var _EventTimeline = class extends Timeline {
     constructor(frameCount) {
       super(frameCount, _EventTimeline.propertyIds);
+      this.events = null;
       this.events = new Array(frameCount);
     }
     getFrameCount() {
@@ -2077,6 +2087,7 @@ var spine = (() => {
   var _DrawOrderTimeline = class extends Timeline {
     constructor(frameCount) {
       super(frameCount, _DrawOrderTimeline.propertyIds);
+      this.drawOrders = null;
       this.drawOrders = new Array(frameCount);
     }
     getFrameCount() {
@@ -2115,6 +2126,7 @@ var spine = (() => {
       super(frameCount, bezierCount, [
         Property.ikConstraint + "|" + ikConstraintIndex
       ]);
+      this.ikConstraintIndex = 0;
       this.ikConstraintIndex = ikConstraintIndex;
     }
     getFrameEntries() {
@@ -2200,6 +2212,7 @@ var spine = (() => {
       super(frameCount, bezierCount, [
         Property.transformConstraint + "|" + transformConstraintIndex
       ]);
+      this.transformConstraintIndex = 0;
       this.transformConstraintIndex = transformConstraintIndex;
     }
     getFrameEntries() {
@@ -2299,6 +2312,7 @@ var spine = (() => {
   var PathConstraintPositionTimeline = class extends CurveTimeline1 {
     constructor(frameCount, bezierCount, pathConstraintIndex) {
       super(frameCount, bezierCount, Property.pathConstraintPosition + "|" + pathConstraintIndex);
+      this.pathConstraintIndex = 0;
       this.pathConstraintIndex = pathConstraintIndex;
     }
     apply(skeleton, lastTime, time, firedEvents, alpha, blend, direction) {
@@ -2480,17 +2494,25 @@ var spine = (() => {
           case SequenceMode.loop:
             index %= count;
             break;
-          case SequenceMode.pingpong:
+          case SequenceMode.pingpong: {
             let n = (count << 1) - 2;
             index %= n;
             if (index >= count)
               index = n - index;
             break;
+          }
           case SequenceMode.onceReverse:
             index = Math.max(count - 1 - index, 0);
             break;
           case SequenceMode.loopReverse:
             index = count - 1 - index % count;
+            break;
+          case SequenceMode.pingpongReverse: {
+            let n = (count << 1) - 2;
+            index = (index + count - 1) % n;
+            if (index >= count)
+              index = n - index;
+          }
         }
       }
       slot.sequenceIndex = index;
@@ -2504,6 +2526,7 @@ var spine = (() => {
   // spine-core/src/AnimationState.ts
   var AnimationState = class {
     constructor(data) {
+      this.data = null;
       this.tracks = new Array();
       this.timeScale = 1;
       this.unkeyedState = 0;
@@ -2630,13 +2653,14 @@ var spine = (() => {
           }
         } else {
           let timelineMode = current.timelineMode;
-          let firstFrame = current.timelinesRotation.length != timelineCount << 1;
+          let shortestRotation = current.shortestRotation;
+          let firstFrame = !shortestRotation && current.timelinesRotation.length != timelineCount << 1;
           if (firstFrame)
             current.timelinesRotation.length = timelineCount << 1;
           for (let ii = 0; ii < timelineCount; ii++) {
             let timeline2 = timelines[ii];
             let timelineBlend = timelineMode[ii] == SUBSEQUENT ? blend : MixBlend.setup;
-            if (timeline2 instanceof RotateTimeline) {
+            if (!shortestRotation && timeline2 instanceof RotateTimeline) {
               this.applyRotateTimeline(timeline2, skeleton, applyTime, mix, timelineBlend, current.timelinesRotation, ii << 1, firstFrame);
             } else if (timeline2 instanceof AttachmentTimeline) {
               this.applyAttachmentTimeline(timeline2, skeleton, applyTime, blend, true);
@@ -2696,7 +2720,8 @@ var spine = (() => {
       } else {
         let timelineMode = from.timelineMode;
         let timelineHoldMix = from.timelineHoldMix;
-        let firstFrame = from.timelinesRotation.length != timelineCount << 1;
+        let shortestRotation = from.shortestRotation;
+        let firstFrame = !shortestRotation && from.timelinesRotation.length != timelineCount << 1;
         if (firstFrame)
           from.timelinesRotation.length = timelineCount << 1;
         from.totalAlpha = 0;
@@ -2731,7 +2756,7 @@ var spine = (() => {
               break;
           }
           from.totalAlpha += alpha;
-          if (timeline instanceof RotateTimeline)
+          if (!shortestRotation && timeline instanceof RotateTimeline)
             this.applyRotateTimeline(timeline, skeleton, applyTime, alpha, timelineBlend, from.timelinesRotation, i << 1, firstFrame);
           else if (timeline instanceof AttachmentTimeline)
             this.applyAttachmentTimeline(timeline, skeleton, applyTime, timelineBlend, attachments);
@@ -2982,10 +3007,13 @@ var spine = (() => {
     }
     trackEntry(trackIndex, animation, loop, last) {
       let entry = this.trackEntryPool.obtain();
+      entry.reset();
       entry.trackIndex = trackIndex;
       entry.animation = animation;
       entry.loop = loop;
       entry.holdPrevious = false;
+      entry.reverse = false;
+      entry.shortestRotation = false;
       entry.eventThreshold = 0;
       entry.attachmentThreshold = 0;
       entry.drawOrderThreshold = 0;
@@ -3000,9 +3028,10 @@ var spine = (() => {
       entry.trackEnd = Number.MAX_VALUE;
       entry.timeScale = 1;
       entry.alpha = 1;
-      entry.interruptAlpha = 1;
       entry.mixTime = 0;
       entry.mixDuration = !last ? 0 : this.data.getMix(last.animation, animation);
+      entry.interruptAlpha = 1;
+      entry.totalAlpha = 0;
       entry.mixBlend = MixBlend.replace;
       return entry;
     }
@@ -3092,6 +3121,35 @@ var spine = (() => {
   };
   var TrackEntry = class {
     constructor() {
+      this.animation = null;
+      this.previous = null;
+      this.next = null;
+      this.mixingFrom = null;
+      this.mixingTo = null;
+      this.listener = null;
+      this.trackIndex = 0;
+      this.loop = false;
+      this.holdPrevious = false;
+      this.reverse = false;
+      this.shortestRotation = false;
+      this.eventThreshold = 0;
+      this.attachmentThreshold = 0;
+      this.drawOrderThreshold = 0;
+      this.animationStart = 0;
+      this.animationEnd = 0;
+      this.animationLast = 0;
+      this.nextAnimationLast = 0;
+      this.delay = 0;
+      this.trackTime = 0;
+      this.trackLast = 0;
+      this.nextTrackLast = 0;
+      this.trackEnd = 0;
+      this.timeScale = 0;
+      this.alpha = 0;
+      this.mixTime = 0;
+      this.mixDuration = 0;
+      this.interruptAlpha = 0;
+      this.totalAlpha = 0;
       this.mixBlend = MixBlend.replace;
       this.timelineMode = new Array();
       this.timelineHoldMix = new Array();
@@ -3142,6 +3200,7 @@ var spine = (() => {
     constructor(animState) {
       this.objects = [];
       this.drainDisabled = false;
+      this.animState = null;
       this.animState = animState;
     }
     start(entry) {
@@ -3268,6 +3327,7 @@ var spine = (() => {
   // spine-core/src/AnimationStateData.ts
   var AnimationStateData = class {
     constructor(skeletonData) {
+      this.skeletonData = null;
       this.animationToMixTime = {};
       this.defaultMix = 0;
       if (!skeletonData)
@@ -3316,6 +3376,7 @@ var spine = (() => {
   var ClippingAttachment = class extends VertexAttachment {
     constructor(name) {
       super(name);
+      this.endSlot = null;
       this.color = new Color(0.2275, 0.2275, 0.8078, 1);
     }
     copy() {
@@ -3539,6 +3600,7 @@ var spine = (() => {
   };
   var TextureAtlasReader = class {
     constructor(text) {
+      this.lines = null;
       this.index = 0;
       this.lines = text.split(/\r\n|\r|\n/);
     }
@@ -3572,10 +3634,15 @@ var spine = (() => {
   };
   var TextureAtlasPage = class {
     constructor() {
+      this.name = null;
       this.minFilter = TextureFilter.Nearest;
       this.magFilter = TextureFilter.Nearest;
       this.uWrap = TextureWrap.ClampToEdge;
       this.vWrap = TextureWrap.ClampToEdge;
+      this.texture = null;
+      this.width = 0;
+      this.height = 0;
+      this.pma = false;
     }
     setTexture(texture) {
       this.texture = texture;
@@ -3584,13 +3651,39 @@ var spine = (() => {
     }
   };
   var TextureAtlasRegion = class extends TextureRegion {
+    constructor() {
+      super(...arguments);
+      this.page = null;
+      this.name = null;
+      this.x = 0;
+      this.y = 0;
+      this.offsetX = 0;
+      this.offsetY = 0;
+      this.originalWidth = 0;
+      this.originalHeight = 0;
+      this.index = 0;
+      this.degrees = 0;
+      this.names = null;
+      this.values = null;
+    }
   };
 
   // spine-core/src/attachments/MeshAttachment.ts
   var MeshAttachment = class extends VertexAttachment {
     constructor(name) {
       super(name);
+      this.region = null;
+      this.path = null;
+      this.regionUVs = null;
+      this.uvs = null;
+      this.triangles = null;
       this.color = new Color(1, 1, 1, 1);
+      this.width = 0;
+      this.height = 0;
+      this.hullLength = 0;
+      this.edges = null;
+      this.parentMesh = null;
+      this.sequence = null;
       this.tempColor = new Color(0, 0, 0, 0);
     }
     updateRegion() {
@@ -3712,6 +3805,7 @@ var spine = (() => {
   var PathAttachment = class extends VertexAttachment {
     constructor(name) {
       super(name);
+      this.lengths = null;
       this.closed = false;
       this.constantSpeed = false;
       this.color = new Color(1, 1, 1, 1);
@@ -3732,6 +3826,9 @@ var spine = (() => {
   var PointAttachment = class extends VertexAttachment {
     constructor(name) {
       super(name);
+      this.x = 0;
+      this.y = 0;
+      this.rotation = 0;
       this.color = new Color(0.38, 0.94, 0, 1);
     }
     computeWorldPosition(bone, point) {
@@ -3767,6 +3864,10 @@ var spine = (() => {
       this.width = 0;
       this.height = 0;
       this.color = new Color(1, 1, 1, 1);
+      this.path = null;
+      this.rendererObject = null;
+      this.region = null;
+      this.sequence = null;
       this.offset = Utils.newFloatArray(8);
       this.uvs = Utils.newFloatArray(8);
       this.tempColor = new Color(1, 1, 1, 1);
@@ -3905,6 +4006,7 @@ var spine = (() => {
   // spine-core/src/AtlasAttachmentLoader.ts
   var AtlasAttachmentLoader = class {
     constructor(atlas) {
+      this.atlas = null;
       this.atlas = atlas;
     }
     loadSequence(name, basePath, sequence) {
@@ -3960,6 +4062,10 @@ var spine = (() => {
   // spine-core/src/BoneData.ts
   var BoneData = class {
     constructor(index, name, parent) {
+      this.index = 0;
+      this.name = null;
+      this.parent = null;
+      this.length = 0;
       this.x = 0;
       this.y = 0;
       this.rotation = 0;
@@ -3991,6 +4097,9 @@ var spine = (() => {
   // spine-core/src/Bone.ts
   var Bone = class {
     constructor(data, skeleton, parent) {
+      this.data = null;
+      this.skeleton = null;
+      this.parent = null;
       this.children = new Array();
       this.x = 0;
       this.y = 0;
@@ -4243,6 +4352,7 @@ var spine = (() => {
   // spine-core/src/AssetManagerBase.ts
   var AssetManagerBase = class {
     constructor(textureLoader, pathPrefix = "", downloader = null) {
+      this.pathPrefix = null;
       this.assets = {};
       this.errors = {};
       this.toLoad = 0;
@@ -4326,7 +4436,7 @@ var spine = (() => {
         image.src = path;
       }
     }
-    loadTextureAtlas(path, success = null, error = null) {
+    loadTextureAtlas(path, success = null, error = null, fileAlias = null) {
       let index = path.lastIndexOf("/");
       let parent = index >= 0 ? path.substring(0, index + 1) : "";
       path = this.start(path);
@@ -4335,7 +4445,7 @@ var spine = (() => {
           let atlas = new TextureAtlas(atlasText);
           let toLoad = atlas.pages.length, abort = false;
           for (let page of atlas.pages) {
-            this.loadTexture(parent + page.name, (imagePath, texture) => {
+            this.loadTexture(fileAlias == null ? parent + page.name : fileAlias[page.name], (imagePath, texture) => {
               if (!abort) {
                 page.setTexture(texture);
                 if (--toLoad == 0)
@@ -4512,6 +4622,13 @@ var spine = (() => {
   // spine-core/src/Event.ts
   var Event = class {
     constructor(time, data) {
+      this.data = null;
+      this.intValue = 0;
+      this.floatValue = 0;
+      this.stringValue = null;
+      this.time = 0;
+      this.volume = 0;
+      this.balance = 0;
       if (!data)
         throw new Error("data cannot be null.");
       this.time = time;
@@ -4522,6 +4639,13 @@ var spine = (() => {
   // spine-core/src/EventData.ts
   var EventData = class {
     constructor(name) {
+      this.name = null;
+      this.intValue = 0;
+      this.floatValue = 0;
+      this.stringValue = null;
+      this.audioPath = null;
+      this.volume = 0;
+      this.balance = 0;
       this.name = name;
     }
   };
@@ -4529,6 +4653,9 @@ var spine = (() => {
   // spine-core/src/IkConstraint.ts
   var IkConstraint = class {
     constructor(data, skeleton) {
+      this.data = null;
+      this.bones = null;
+      this.target = null;
       this.bendDirection = 0;
       this.compress = false;
       this.stretch = false;
@@ -4767,6 +4894,7 @@ var spine = (() => {
     constructor(name) {
       super(name, 0, false);
       this.bones = new Array();
+      this.target = null;
       this.bendDirection = 1;
       this.compress = false;
       this.stretch = false;
@@ -4781,6 +4909,13 @@ var spine = (() => {
     constructor(name) {
       super(name, 0, false);
       this.bones = new Array();
+      this.target = null;
+      this.positionMode = null;
+      this.spacingMode = null;
+      this.rotateMode = null;
+      this.offsetRotation = 0;
+      this.position = 0;
+      this.spacing = 0;
       this.mixRotate = 0;
       this.mixX = 0;
       this.mixY = 0;
@@ -4808,6 +4943,9 @@ var spine = (() => {
   // spine-core/src/PathConstraint.ts
   var _PathConstraint = class {
     constructor(data, skeleton) {
+      this.data = null;
+      this.bones = null;
+      this.target = null;
       this.position = 0;
       this.spacing = 0;
       this.mixRotate = 0;
@@ -5227,6 +5365,12 @@ var spine = (() => {
   // spine-core/src/Slot.ts
   var Slot = class {
     constructor(data, bone) {
+      this.data = null;
+      this.bone = null;
+      this.color = null;
+      this.darkColor = null;
+      this.attachment = null;
+      this.attachmentState = 0;
       this.deform = new Array();
       if (!data)
         throw new Error("data cannot be null.");
@@ -5269,6 +5413,9 @@ var spine = (() => {
   // spine-core/src/TransformConstraint.ts
   var TransformConstraint = class {
     constructor(data, skeleton) {
+      this.data = null;
+      this.bones = null;
+      this.target = null;
       this.mixRotate = 0;
       this.mixX = 0;
       this.mixY = 0;
@@ -5476,7 +5623,16 @@ var spine = (() => {
   // spine-core/src/Skeleton.ts
   var Skeleton = class {
     constructor(data) {
+      this.data = null;
+      this.bones = null;
+      this.slots = null;
+      this.drawOrder = null;
+      this.ikConstraints = null;
+      this.transformConstraints = null;
+      this.pathConstraints = null;
       this._updateCache = new Array();
+      this.skin = null;
+      this.color = null;
       this.scaleX = 1;
       this.scaleY = 1;
       this.x = 0;
@@ -5935,15 +6091,25 @@ var spine = (() => {
   // spine-core/src/SkeletonData.ts
   var SkeletonData = class {
     constructor() {
+      this.name = null;
       this.bones = new Array();
       this.slots = new Array();
       this.skins = new Array();
+      this.defaultSkin = null;
       this.events = new Array();
       this.animations = new Array();
       this.ikConstraints = new Array();
       this.transformConstraints = new Array();
       this.pathConstraints = new Array();
+      this.x = 0;
+      this.y = 0;
+      this.width = 0;
+      this.height = 0;
+      this.version = null;
+      this.hash = null;
       this.fps = 0;
+      this.imagesPath = null;
+      this.audioPath = null;
     }
     findBone(boneName) {
       if (!boneName)
@@ -6037,7 +6203,7 @@ var spine = (() => {
 
   // spine-core/src/Skin.ts
   var SkinEntry = class {
-    constructor(slotIndex, name, attachment) {
+    constructor(slotIndex = 0, name = null, attachment = null) {
       this.slotIndex = slotIndex;
       this.name = name;
       this.attachment = attachment;
@@ -6045,6 +6211,7 @@ var spine = (() => {
   };
   var Skin = class {
     constructor(name) {
+      this.name = null;
       this.attachments = new Array();
       this.bones = Array();
       this.constraints = new Array();
@@ -6195,7 +6362,13 @@ var spine = (() => {
   // spine-core/src/SlotData.ts
   var SlotData = class {
     constructor(index, name, boneData) {
+      this.index = 0;
+      this.name = null;
+      this.boneData = null;
       this.color = new Color(1, 1, 1, 1);
+      this.darkColor = null;
+      this.attachmentName = null;
+      this.blendMode = null;
       if (index < 0)
         throw new Error("index must be >= 0.");
       if (!name)
@@ -6220,6 +6393,7 @@ var spine = (() => {
     constructor(name) {
       super(name, 0, false);
       this.bones = new Array();
+      this.target = null;
       this.mixRotate = 0;
       this.mixX = 0;
       this.mixY = 0;
@@ -6241,6 +6415,7 @@ var spine = (() => {
   var SkeletonBinary = class {
     constructor(attachmentLoader) {
       this.scale = 1;
+      this.attachmentLoader = null;
       this.linkedMeshes = new Array();
       this.attachmentLoader = attachmentLoader;
     }
@@ -7952,6 +8127,7 @@ var spine = (() => {
   // spine-core/src/SkeletonJson.ts
   var SkeletonJson = class {
     constructor(attachmentLoader) {
+      this.attachmentLoader = null;
       this.scale = 1;
       this.linkedMeshes = new Array();
       this.attachmentLoader = attachmentLoader;
@@ -8950,9 +9126,7 @@ var spine = (() => {
         }
         ctx.scale(1, -1);
         ctx.translate(-w / 2, -h / 2);
-        if (color.r != 1 || color.g != 1 || color.b != 1 || color.a != 1) {
-          ctx.globalAlpha = color.a;
-        }
+        ctx.globalAlpha = color.a;
         ctx.drawImage(image, region.x, region.y, w, h, 0, 0, w, h);
         if (this.debugRendering)
           ctx.strokeRect(0, 0, w, h);
@@ -8991,9 +9165,7 @@ var spine = (() => {
           let slotColor = slot.color;
           let attachmentColor = attachment.color;
           color.set(skeletonColor.r * slotColor.r * attachmentColor.r, skeletonColor.g * slotColor.g * attachmentColor.g, skeletonColor.b * slotColor.b * attachmentColor.b, skeletonColor.a * slotColor.a * attachmentColor.a);
-          if (color.r != 1 || color.g != 1 || color.b != 1 || color.a != 1) {
-            ctx.globalAlpha = color.a;
-          }
+          ctx.globalAlpha = color.a;
           for (var j = 0; j < triangles.length; j += 3) {
             let t1 = triangles[j] * 8, t2 = triangles[j + 1] * 8, t3 = triangles[j + 2] * 8;
             let x0 = vertices[t1], y0 = vertices[t1 + 1], u0 = vertices[t1 + 6], v0 = vertices[t1 + 7];