@esotericsoftware/spine-canvaskit 4.2.49 → 4.2.53

package/dist/iife/spine-canvaskit.js

@@ -41,7 +41,6 @@ var spine = (() => {
     BoneData: () => BoneData,
     BoundingBoxAttachment: () => BoundingBoxAttachment,
     CURRENT: () => CURRENT,
-    CanvasKitTexture: () => CanvasKitTexture,
     ClippingAttachment: () => ClippingAttachment,
     Color: () => Color,
     ConstraintData: () => ConstraintData,
@@ -115,6 +114,7 @@ var spine = (() => {
     SkeletonBounds: () => SkeletonBounds,
     SkeletonClipping: () => SkeletonClipping,
     SkeletonData: () => SkeletonData,
+    SkeletonDrawable: () => SkeletonDrawable,
     SkeletonJson: () => SkeletonJson,
     SkeletonRenderer: () => SkeletonRenderer,
     Skin: () => Skin,
@@ -144,6 +144,7 @@ var spine = (() => {
     Vector2: () => Vector2,
     VertexAttachment: () => VertexAttachment,
     WindowedMean: () => WindowedMean,
+    loadSkeletonData: () => loadSkeletonData,
     loadTextureAtlas: () => loadTextureAtlas
   });
 
@@ -11766,6 +11767,15 @@ var spine = (() => {
         return ck.BlendMode.SrcOver;
     }
   }
+  function bufferToUtf8String(buffer) {
+    if (typeof Buffer !== "undefined") {
+      return buffer.toString("utf-8");
+    } else if (typeof TextDecoder !== "undefined") {
+      return new TextDecoder("utf-8").decode(buffer);
+    } else {
+      throw new Error("Unsupported environment");
+    }
+  }
   var CanvasKitTexture = class extends Texture {
     getImage() {
       return this._image;
@@ -11805,26 +11815,51 @@ var spine = (() => {
       return new CanvasKitTexture({ shaders, paintPerBlendMode, image });
     }
   };
-  function bufferToUtf8String(buffer) {
-    if (typeof Buffer !== "undefined") {
-      return buffer.toString("utf-8");
-    } else if (typeof TextDecoder !== "undefined") {
-      return new TextDecoder("utf-8").decode(buffer);
-    } else {
-      throw new Error("Unsupported environment");
-    }
-  }
   async function loadTextureAtlas(ck, atlasFile, readFile) {
     const atlas = new TextureAtlas(bufferToUtf8String(await readFile(atlasFile)));
     const slashIndex = atlasFile.lastIndexOf("/");
-    const parentDir = slashIndex >= 0 ? atlasFile.substring(0, slashIndex + 1) : "";
+    const parentDir = slashIndex >= 0 ? atlasFile.substring(0, slashIndex + 1) + "/" : "";
     for (const page of atlas.pages) {
-      const texture = await CanvasKitTexture.fromFile(ck, parentDir + "/" + page.name, readFile);
+      const texture = await CanvasKitTexture.fromFile(ck, parentDir + page.name, readFile);
       page.setTexture(texture);
     }
     return atlas;
   }
+  async function loadSkeletonData(skeletonFile, atlas, readFile) {
+    const attachmentLoader = new AtlasAttachmentLoader(atlas);
+    const loader = skeletonFile.endsWith(".json") ? new SkeletonJson(attachmentLoader) : new SkeletonBinary(attachmentLoader);
+    const skeletonData = loader.readSkeletonData(await readFile(skeletonFile));
+    return skeletonData;
+  }
+  var SkeletonDrawable = class {
+    skeleton;
+    animationState;
+    /**
+     * Constructs a new drawble from the skeleton data.
+     */
+    constructor(skeletonData) {
+      this.skeleton = new Skeleton(skeletonData);
+      this.animationState = new AnimationState(new AnimationStateData(skeletonData));
+    }
+    /**
+     * Updates the animation state and skeleton time by the delta time. Applies the
+     * animations to the skeleton and calculates the final pose of the skeleton.
+     *
+     * @param deltaTime the time since the last update in seconds
+     * @param physicsUpdate optional {@link Physics} update mode.
+     */
+    update(deltaTime, physicsUpdate = 2 /* update */) {
+      this.animationState.update(deltaTime);
+      this.skeleton.update(deltaTime);
+      this.animationState.apply(this.skeleton);
+      this.skeleton.updateWorldTransform(physicsUpdate);
+    }
+  };
   var _SkeletonRenderer = class {
+    /**
+     * Creates a new skeleton renderer.
+     * @param ck the {@link CanvasKit} instance returned by `CanvasKitInit()`.
+     */
     constructor(ck) {
       this.ck = ck;
     }
@@ -11833,7 +11868,14 @@ var spine = (() => {
     tempColor2 = new Color();
     scratchPositions = Utils.newFloatArray(100);
     scratchColors = Utils.newFloatArray(100);
+    /**
+     * Renders a skeleton or skeleton drawable in its current pose to the canvas.
+     * @param canvas the canvas to render to.
+     * @param skeleton the skeleton or drawable to render.
+     */
     render(canvas, skeleton) {
+      if (skeleton instanceof SkeletonDrawable)
+        skeleton = skeleton.skeleton;
       let clipper = this.clipper;
       let drawOrder = skeleton.drawOrder;
       let skeletonColor = skeleton.color;