@esotericsoftware/spine-pixi-v8 4.2.103 → 4.2.105

package/dist/iife/spine-pixi-v8.js

@@ -12993,18 +12993,32 @@ var spine = (() => {
       this._debug = value;
     }
     _autoUpdate = false;
+    _ticker = import_pixi8.Ticker.shared;
     get autoUpdate() {
       return this._autoUpdate;
     }
-    /** When `true`, the Spine AnimationState and the Skeleton will be automatically updated using the {@link Ticker.shared} instance. */
+    /** When `true`, the Spine AnimationState and the Skeleton will be automatically updated using the {@link ticker}. */
     set autoUpdate(value) {
       if (value && !this._autoUpdate) {
-        import_pixi8.Ticker.shared.add(this.internalUpdate, this);
+        this._ticker.add(this.internalUpdate, this);
       } else if (!value && this._autoUpdate) {
-        import_pixi8.Ticker.shared.remove(this.internalUpdate, this);
+        this._ticker.remove(this.internalUpdate, this);
       }
       this._autoUpdate = value;
     }
+    /** The ticker to use when {@link autoUpdate} is `true`. Defaults to {@link Ticker.shared}. */
+    get ticker() {
+      return this._ticker;
+    }
+    /** Sets the ticker to use when {@link autoUpdate} is `true`. If `autoUpdate` is already `true`, the update callback will be moved from the old ticker to the new one. */
+    set ticker(value) {
+      if (this._ticker === value) return;
+      if (this._autoUpdate) {
+        this._ticker.remove(this.internalUpdate, this);
+        value.add(this.internalUpdate, this);
+      }
+      this._ticker = value;
+    }
     _boundsProvider;
     /** The bounds provider to use. If undefined the bounds will be dynamic, calculated when requested and based on the current frame. */
     get boundsProvider() {
@@ -13029,6 +13043,7 @@ var spine = (() => {
       const skeletonData = options instanceof SkeletonData ? options : options.skeletonData;
       this.skeleton = new Skeleton(skeletonData);
       this.state = new AnimationState(new AnimationStateData(skeletonData));
+      if (options?.ticker) this._ticker = options.ticker;
       this.autoUpdate = options?.autoUpdate ?? true;
       this.darkTint = options?.darkTint === void 0 ? this.skeleton.slots.some((slot) => !!slot.data.darkColor) : options?.darkTint;
       const slots = this.skeleton.slots;
@@ -13042,7 +13057,7 @@ var spine = (() => {
       this.internalUpdate(0, dt);
     }
     internalUpdate(_deltaFrame, deltaSeconds) {
-      this._updateAndApplyState(deltaSeconds ?? import_pixi8.Ticker.shared.deltaMS / 1e3);
+      this._updateAndApplyState(deltaSeconds ?? this._ticker.deltaMS / 1e3);
     }
     get bounds() {
       if (this._boundsDirty) {
@@ -13505,7 +13520,7 @@ var spine = (() => {
      */
     destroy(options = false) {
       super.destroy(options);
-      import_pixi8.Ticker.shared.remove(this.internalUpdate, this);
+      this._ticker.remove(this.internalUpdate, this);
       this.state.clearListeners();
       this.debug = void 0;
       this.skeleton = null;
@@ -13545,14 +13560,15 @@ var spine = (() => {
      * @param options - Options to configure the Spine game object. See {@link SpineFromOptions}
      * @returns {Spine} The Spine game object instantiated
      */
-    static from({ skeleton, atlas, scale = 1, darkTint, autoUpdate = true, boundsProvider }) {
+    static from({ skeleton, atlas, scale = 1, darkTint, autoUpdate = true, boundsProvider, ticker }) {
       const cacheKey = `${skeleton}-${atlas}-${scale}`;
       if (import_pixi8.Cache.has(cacheKey)) {
         return new _Spine({
           skeletonData: import_pixi8.Cache.get(cacheKey),
           darkTint,
           autoUpdate,
-          boundsProvider
+          boundsProvider,
+          ticker
         });
       }
       const skeletonAsset = import_pixi8.Assets.get(skeleton);
@@ -13566,7 +13582,8 @@ var spine = (() => {
         skeletonData,
         darkTint,
         autoUpdate,
-        boundsProvider
+        boundsProvider,
+        ticker
       });
     }
   };