@drincs/pixi-vn 0.6.1 → 0.6.2

package/dist/classes/ticker/TickerBase.d.mts

@@ -1,3 +1,4 @@
 import 'pixi.js';
-export { a as TickerArgsType, T as default } from '../../TickerBase-BctFf13y.mjs';
+export { a as TickerArgsType, T as default } from '../../TickerBase-DKYzbzro.mjs';
 import '../../types/StorageElementType.mjs';
+import '../../types/TickerIdType.mjs';

package/dist/classes/ticker/TickerBase.d.ts

@@ -1,3 +1,4 @@
 import 'pixi.js';
-export { a as TickerArgsType, T as default } from '../../TickerBase-BAUiHet_.js';
+export { a as TickerArgsType, T as default } from '../../TickerBase-3rLpDpmb.js';
 import '../../types/StorageElementType.js';
+import '../../types/TickerIdType.js';

package/dist/classes/ticker/TickerBase.js

@@ -8,9 +8,14 @@ var TickerBase = class {
    * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
    */
   constructor(args, duration, priority) {
+    /**
+     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}
+     */
+    this.id = "ticker_id_not_set";
     this.args = args;
     this.duration = duration;
     this.priority = priority;
+    this.id = this.constructor.prototype.id;
   }
   /**
    * The method that will be called every frame.

package/dist/classes/ticker/TickerBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";AA2CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,YAAY,MAAa,UAAmB,UAA4B;AACpE,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,WAAW;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,GAAG,SAAiB,OAAc,OAA0B,WAAyB;AAAE,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAAE;AACtK","sourcesContent":["import { Ticker, UPDATE_PRIORITY } from \"pixi.js\"\nimport { tickerDecorator } from \"../../decorators\"\nimport ITicker from \"../../interface/ITicker\"\nimport { GameWindowManager } from \"../../managers\"\nimport { StorageElementType } from \"../../types/StorageElementType\"\n\nexport type TickerArgsType = { [id: string]: StorageElementType } | {\n    tagToRemoveAfter?: string[] | string,\n    [id: string]: StorageElementType\n}[]\n\n/**\n * A class is used to create a ticker element to add into a Pixi Application.\n * You can use GameWindowManager.addTicker() to add this element into the application.\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link tickerDecorator} to register the ticker in the game.\n * In Ren'Py is a transform.\n * @example\n * ```typescript\n * \\@tickerDecorator() // this is equivalent to tickerDecorator(\"RotateTicker\")\n * export class RotateTicker extends TickerBase<{ speed?: number }> {\n *     override fn(\n *         t: Ticker, // the ticker that is calling this method\n *         args: { // the arguments that you passed when you added the ticker\n *             speed?: number,\n *         },\n *         tags: string[], // the tags of the canvas elements that are connected to this ticker\n *         tickerId: string, // the id of the ticker. You can use this to get the ticker from the GameWindowManager.currentTickers\n *     ): void {\n *         let speed = args.speed === undefined ? 0.1 : args.speed\n *         tags.forEach((tag) => {\n *                 let element = GameWindowManager.getCanvasElement(tag)\n *                 if (element && element instanceof Container) {\n *                     if (clockwise)\n *                         element.rotation += speed * t.deltaTime\n *                     else\n *                         element.rotation -= speed * t.deltaTime\n *                 }\n *             })\n *     }\n * }\n * ```\n */\nexport default class TickerBase<TArgs extends TickerArgsType> implements ITicker<TArgs> {\n    /**\n     * @param args The arguments that you want to pass to the ticker.\n     * @param duration The duration of the ticker in seconds. If is undefined, the step will end only when the animation is finished (if the animation doesn't have a goal to reach then it won't finish). @default undefined\n     * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL\n     */\n    constructor(args: TArgs, duration?: number, priority?: UPDATE_PRIORITY) {\n        this.args = args\n        this.duration = duration\n        this.priority = priority\n    }\n    args: TArgs\n    duration?: number\n    priority?: UPDATE_PRIORITY\n    /**\n     * The method that will be called every frame.\n     * This method should be overridden and you can use GameWindowManager.addCanvasElement() to get the canvas element of the canvas, and edit them.\n     * @param _ticker The ticker that is calling this method\n     * @param _args The arguments that you passed when you added the ticker\n     * @param _tags The tags of the canvas elements that are connected to this ticker\n     * @param _tickerId The id of the ticker. You can use this to get the ticker from the {@link GameWindowManager.currentTickers}\n     */\n    fn(_ticker: Ticker, _args: TArgs, _tags: string | string[], _tickerId: string): void { throw new Error(\"[Pixi'VN] The method TickerBase.fn() must be overridden\") }\n}\n"]}
+{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";AA6CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,YAAY,MAAa,UAAmB,UAA4B;AASxE;AAAA;AAAA;AAAA,cAAmB;AARf,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,KAAK,KAAK,YAAY,UAAU;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBA,GAAG,SAAiB,OAAc,OAA0B,WAAyB;AAAE,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAAE;AACtK","sourcesContent":["import { Ticker, UPDATE_PRIORITY } from \"pixi.js\"\nimport { tickerDecorator } from \"../../decorators\"\nimport { geTickerInstanceById } from \"../../decorators/TickerDecorator\"\nimport ITicker from \"../../interface/ITicker\"\nimport { GameWindowManager } from \"../../managers\"\nimport { StorageElementType } from \"../../types/StorageElementType\"\nimport { TickerIdType } from \"../../types/TickerIdType\"\n\nexport type TickerArgsType = { [id: string]: StorageElementType } | {\n    tagToRemoveAfter?: string[] | string,\n    [id: string]: StorageElementType\n}[]\n\n/**\n * A class is used to create a ticker element to add into a Pixi Application.\n * You can use GameWindowManager.addTicker() to add this element into the application.\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link tickerDecorator} to register the ticker in the game.\n * In Ren'Py is a transform.\n * @example\n * ```typescript\n * \\@tickerDecorator() // this is equivalent to tickerDecorator(\"RotateTicker\")\n * export class RotateTicker extends TickerBase<{ speed?: number }> {\n *     override fn(\n *         t: Ticker, // the ticker that is calling this method\n *         args: { // the arguments that you passed when you added the ticker\n *             speed?: number,\n *         },\n *         tags: string[], // the tags of the canvas elements that are connected to this ticker\n *         tickerId: string, // the id of the ticker. You can use this to get the ticker from the GameWindowManager.currentTickers\n *     ): void {\n *         let speed = args.speed === undefined ? 0.1 : args.speed\n *         tags.forEach((tag) => {\n *                 let element = GameWindowManager.getCanvasElement(tag)\n *                 if (element && element instanceof Container) {\n *                     if (clockwise)\n *                         element.rotation += speed * t.deltaTime\n *                     else\n *                         element.rotation -= speed * t.deltaTime\n *                 }\n *             })\n *     }\n * }\n * ```\n */\nexport default class TickerBase<TArgs extends TickerArgsType> implements ITicker<TArgs> {\n    /**\n     * @param args The arguments that you want to pass to the ticker.\n     * @param duration The duration of the ticker in seconds. If is undefined, the step will end only when the animation is finished (if the animation doesn't have a goal to reach then it won't finish). @default undefined\n     * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL\n     */\n    constructor(args: TArgs, duration?: number, priority?: UPDATE_PRIORITY) {\n        this.args = args\n        this.duration = duration\n        this.priority = priority\n        this.id = this.constructor.prototype.id\n    }\n    /**\n     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}\n     */\n    id: TickerIdType = 'ticker_id_not_set'\n    args: TArgs\n    duration?: number\n    priority?: UPDATE_PRIORITY\n    /**\n     * The method that will be called every frame.\n     * This method should be overridden and you can use GameWindowManager.addCanvasElement() to get the canvas element of the canvas, and edit them.\n     * @param _ticker The ticker that is calling this method\n     * @param _args The arguments that you passed when you added the ticker\n     * @param _tags The tags of the canvas elements that are connected to this ticker\n     * @param _tickerId The id of the ticker. You can use this to get the ticker from the {@link GameWindowManager.currentTickers}\n     */\n    fn(_ticker: Ticker, _args: TArgs, _tags: string | string[], _tickerId: string): void { throw new Error(\"[Pixi'VN] The method TickerBase.fn() must be overridden\") }\n}\n"]}

package/dist/classes/ticker/TickerBase.mjs

@@ -6,9 +6,14 @@ var TickerBase = class {
    * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
    */
   constructor(args, duration, priority) {
+    /**
+     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}
+     */
+    this.id = "ticker_id_not_set";
     this.args = args;
     this.duration = duration;
     this.priority = priority;
+    this.id = this.constructor.prototype.id;
   }
   /**
    * The method that will be called every frame.

package/dist/classes/ticker/TickerBase.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";AA2CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,YAAY,MAAa,UAAmB,UAA4B;AACpE,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,WAAW;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,GAAG,SAAiB,OAAc,OAA0B,WAAyB;AAAE,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAAE;AACtK","sourcesContent":["import { Ticker, UPDATE_PRIORITY } from \"pixi.js\"\nimport { tickerDecorator } from \"../../decorators\"\nimport ITicker from \"../../interface/ITicker\"\nimport { GameWindowManager } from \"../../managers\"\nimport { StorageElementType } from \"../../types/StorageElementType\"\n\nexport type TickerArgsType = { [id: string]: StorageElementType } | {\n    tagToRemoveAfter?: string[] | string,\n    [id: string]: StorageElementType\n}[]\n\n/**\n * A class is used to create a ticker element to add into a Pixi Application.\n * You can use GameWindowManager.addTicker() to add this element into the application.\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link tickerDecorator} to register the ticker in the game.\n * In Ren'Py is a transform.\n * @example\n * ```typescript\n * \\@tickerDecorator() // this is equivalent to tickerDecorator(\"RotateTicker\")\n * export class RotateTicker extends TickerBase<{ speed?: number }> {\n *     override fn(\n *         t: Ticker, // the ticker that is calling this method\n *         args: { // the arguments that you passed when you added the ticker\n *             speed?: number,\n *         },\n *         tags: string[], // the tags of the canvas elements that are connected to this ticker\n *         tickerId: string, // the id of the ticker. You can use this to get the ticker from the GameWindowManager.currentTickers\n *     ): void {\n *         let speed = args.speed === undefined ? 0.1 : args.speed\n *         tags.forEach((tag) => {\n *                 let element = GameWindowManager.getCanvasElement(tag)\n *                 if (element && element instanceof Container) {\n *                     if (clockwise)\n *                         element.rotation += speed * t.deltaTime\n *                     else\n *                         element.rotation -= speed * t.deltaTime\n *                 }\n *             })\n *     }\n * }\n * ```\n */\nexport default class TickerBase<TArgs extends TickerArgsType> implements ITicker<TArgs> {\n    /**\n     * @param args The arguments that you want to pass to the ticker.\n     * @param duration The duration of the ticker in seconds. If is undefined, the step will end only when the animation is finished (if the animation doesn't have a goal to reach then it won't finish). @default undefined\n     * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL\n     */\n    constructor(args: TArgs, duration?: number, priority?: UPDATE_PRIORITY) {\n        this.args = args\n        this.duration = duration\n        this.priority = priority\n    }\n    args: TArgs\n    duration?: number\n    priority?: UPDATE_PRIORITY\n    /**\n     * The method that will be called every frame.\n     * This method should be overridden and you can use GameWindowManager.addCanvasElement() to get the canvas element of the canvas, and edit them.\n     * @param _ticker The ticker that is calling this method\n     * @param _args The arguments that you passed when you added the ticker\n     * @param _tags The tags of the canvas elements that are connected to this ticker\n     * @param _tickerId The id of the ticker. You can use this to get the ticker from the {@link GameWindowManager.currentTickers}\n     */\n    fn(_ticker: Ticker, _args: TArgs, _tags: string | string[], _tickerId: string): void { throw new Error(\"[Pixi'VN] The method TickerBase.fn() must be overridden\") }\n}\n"]}
+{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";AA6CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,YAAY,MAAa,UAAmB,UAA4B;AASxE;AAAA;AAAA;AAAA,cAAmB;AARf,SAAK,OAAO;AACZ,SAAK,WAAW;AAChB,SAAK,WAAW;AAChB,SAAK,KAAK,KAAK,YAAY,UAAU;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBA,GAAG,SAAiB,OAAc,OAA0B,WAAyB;AAAE,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAAE;AACtK","sourcesContent":["import { Ticker, UPDATE_PRIORITY } from \"pixi.js\"\nimport { tickerDecorator } from \"../../decorators\"\nimport { geTickerInstanceById } from \"../../decorators/TickerDecorator\"\nimport ITicker from \"../../interface/ITicker\"\nimport { GameWindowManager } from \"../../managers\"\nimport { StorageElementType } from \"../../types/StorageElementType\"\nimport { TickerIdType } from \"../../types/TickerIdType\"\n\nexport type TickerArgsType = { [id: string]: StorageElementType } | {\n    tagToRemoveAfter?: string[] | string,\n    [id: string]: StorageElementType\n}[]\n\n/**\n * A class is used to create a ticker element to add into a Pixi Application.\n * You can use GameWindowManager.addTicker() to add this element into the application.\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link tickerDecorator} to register the ticker in the game.\n * In Ren'Py is a transform.\n * @example\n * ```typescript\n * \\@tickerDecorator() // this is equivalent to tickerDecorator(\"RotateTicker\")\n * export class RotateTicker extends TickerBase<{ speed?: number }> {\n *     override fn(\n *         t: Ticker, // the ticker that is calling this method\n *         args: { // the arguments that you passed when you added the ticker\n *             speed?: number,\n *         },\n *         tags: string[], // the tags of the canvas elements that are connected to this ticker\n *         tickerId: string, // the id of the ticker. You can use this to get the ticker from the GameWindowManager.currentTickers\n *     ): void {\n *         let speed = args.speed === undefined ? 0.1 : args.speed\n *         tags.forEach((tag) => {\n *                 let element = GameWindowManager.getCanvasElement(tag)\n *                 if (element && element instanceof Container) {\n *                     if (clockwise)\n *                         element.rotation += speed * t.deltaTime\n *                     else\n *                         element.rotation -= speed * t.deltaTime\n *                 }\n *             })\n *     }\n * }\n * ```\n */\nexport default class TickerBase<TArgs extends TickerArgsType> implements ITicker<TArgs> {\n    /**\n     * @param args The arguments that you want to pass to the ticker.\n     * @param duration The duration of the ticker in seconds. If is undefined, the step will end only when the animation is finished (if the animation doesn't have a goal to reach then it won't finish). @default undefined\n     * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL\n     */\n    constructor(args: TArgs, duration?: number, priority?: UPDATE_PRIORITY) {\n        this.args = args\n        this.duration = duration\n        this.priority = priority\n        this.id = this.constructor.prototype.id\n    }\n    /**\n     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}\n     */\n    id: TickerIdType = 'ticker_id_not_set'\n    args: TArgs\n    duration?: number\n    priority?: UPDATE_PRIORITY\n    /**\n     * The method that will be called every frame.\n     * This method should be overridden and you can use GameWindowManager.addCanvasElement() to get the canvas element of the canvas, and edit them.\n     * @param _ticker The ticker that is calling this method\n     * @param _args The arguments that you passed when you added the ticker\n     * @param _tags The tags of the canvas elements that are connected to this ticker\n     * @param _tickerId The id of the ticker. You can use this to get the ticker from the {@link GameWindowManager.currentTickers}\n     */\n    fn(_ticker: Ticker, _args: TArgs, _tags: string | string[], _tickerId: string): void { throw new Error(\"[Pixi'VN] The method TickerBase.fn() must be overridden\") }\n}\n"]}

package/dist/classes/ticker/ZoomTicker.d.mts

@@ -1,7 +1,8 @@
-import { Ticker } from 'pixi.js';
-import { T as TickerBase } from '../../TickerBase-BctFf13y.mjs';
+import { Ticker, Container, UPDATE_PRIORITY, ContainerChild } from 'pixi.js';
+import { T as TickerBase } from '../../TickerBase-DKYzbzro.mjs';
 import { ZoomTickerProps } from '../../types/ticker/ZoomTickerProps.mjs';
 import '../../types/StorageElementType.mjs';
+import '../../types/TickerIdType.mjs';
 import '../../interface/TickerProgrationType.mjs';
 
 /**
@@ -20,6 +21,11 @@ import '../../interface/TickerProgrationType.mjs';
  */
 declare class ZoomTicker extends TickerBase<ZoomTickerProps> {
     fn(ticker: Ticker, args: ZoomTickerProps, tags: string[], tickerId: string): void;
+    onEndOfTicker<T extends Container = Container>(tag: string, tickerId: string, _element: T, tagToRemoveAfter: string[] | string): void;
+}
+declare class ZoomInOutTicker extends ZoomTicker {
+    constructor(props: ZoomTickerProps, duration?: number, priority?: UPDATE_PRIORITY);
+    onEndOfTicker<T extends Container = Container<ContainerChild>>(tag: string, tickerId: string, element: T, tagToRemoveAfter: string[] | string): void;
 }
 
-export { ZoomTicker as default };
+export { ZoomInOutTicker, ZoomTicker as default };

package/dist/classes/ticker/ZoomTicker.d.ts

@@ -1,7 +1,8 @@
-import { Ticker } from 'pixi.js';
-import { T as TickerBase } from '../../TickerBase-BAUiHet_.js';
+import { Ticker, Container, UPDATE_PRIORITY, ContainerChild } from 'pixi.js';
+import { T as TickerBase } from '../../TickerBase-3rLpDpmb.js';
 import { ZoomTickerProps } from '../../types/ticker/ZoomTickerProps.js';
 import '../../types/StorageElementType.js';
+import '../../types/TickerIdType.js';
 import '../../interface/TickerProgrationType.js';
 
 /**
@@ -20,6 +21,11 @@ import '../../interface/TickerProgrationType.js';
  */
 declare class ZoomTicker extends TickerBase<ZoomTickerProps> {
     fn(ticker: Ticker, args: ZoomTickerProps, tags: string[], tickerId: string): void;
+    onEndOfTicker<T extends Container = Container>(tag: string, tickerId: string, _element: T, tagToRemoveAfter: string[] | string): void;
+}
+declare class ZoomInOutTicker extends ZoomTicker {
+    constructor(props: ZoomTickerProps, duration?: number, priority?: UPDATE_PRIORITY);
+    onEndOfTicker<T extends Container = Container<ContainerChild>>(tag: string, tickerId: string, element: T, tagToRemoveAfter: string[] | string): void;
 }
 
-export { ZoomTicker as default };
+export { ZoomInOutTicker, ZoomTicker as default };

package/dist/classes/ticker/ZoomTicker.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var pixi_js = require('pixi.js');
 require('deep-diff');
 var sha1 = require('crypto-js/sha1');
@@ -69,17 +71,23 @@ function exportCanvasElement(element) {
   return element.memory;
 }
 function importCanvasElement(memory) {
-  let element = getCanvasElementInstanceByClassName(memory.className);
+  let element = getCanvasElementInstanceById(memory.pixivnId);
   if (element) {
     element.memory = memory;
   } else {
-    throw new Error("[Pixi'VN] The element " + memory.className + " could not be created");
+    throw new Error("[Pixi'VN] The element " + memory.pixivnId + " could not be created");
   }
   return element;
 }
 
 // src/classes/canvas/CanvasContainer.ts
+var CANVAS_CONTAINER_ID = "CanvasContainer";
 var CanvasContainer = class extends pixi_js.Container {
+  constructor(options) {
+    super(options);
+    this.pixivnId = CANVAS_CONTAINER_ID;
+    this.pixivnId = this.constructor.prototype.pixivnId;
+  }
   get memory() {
     let memory = getMemoryContainer(this);
     this.children.forEach((child) => {
@@ -95,8 +103,12 @@ var CanvasContainer = class extends pixi_js.Container {
   }
 };
 function getMemoryContainer(element) {
+  let className = "CanvasContainer";
+  if (element.hasOwnProperty("pixivnId")) {
+    className = element.pixivnId;
+  }
   return {
-    className: "CanvasContainer",
+    pixivnId: className,
     elements: [],
     width: element.width,
     height: element.height,
@@ -212,40 +224,43 @@ function getTextStyle(style) {
 
 // src/decorators/EventDecorator.ts
 var registeredEvents = {};
-function getEventTypeByClassName(eventName) {
+function getEventTypeById(eventId) {
   try {
-    let eventType = registeredEvents[eventName];
+    let eventType = registeredEvents[eventId];
     if (!eventType) {
-      console.error(`[Pixi'VN] Event ${eventName} not found`);
+      console.error(`[Pixi'VN] Event ${eventId} not found`);
       return;
     }
     new eventType();
     return eventType;
   } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e);
+    console.error(`[Pixi'VN] Error while getting Event ${eventId}`, e);
     return;
   }
 }
-function getEventInstanceByClassName(eventName) {
+function getEventInstanceById(eventId) {
   try {
-    let eventType = registeredEvents[eventName];
+    let eventType = registeredEvents[eventId];
     if (!eventType) {
-      console.error(`[Pixi'VN] Event ${eventName} not found`);
+      console.error(`[Pixi'VN] Event ${eventId} not found`);
       return;
     }
     let event = new eventType();
     return event;
   } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Event ${eventName}`, e);
+    console.error(`[Pixi'VN] Error while getting Event ${eventId}`, e);
     return;
   }
 }
 
 // src/classes/canvas/CanvasSprite.ts
+var CANVAS_SPRITE_ID = "CanvasSprite";
 var CanvasSprite = class _CanvasSprite extends pixi_js.Sprite {
-  constructor() {
-    super(...arguments);
+  constructor(options) {
+    super(options);
+    this.pixivnId = CANVAS_SPRITE_ID;
     this._onEvents = {};
+    this.pixivnId = this.constructor.prototype.pixivnId;
   }
   get memory() {
     return getMemorySprite(this);
@@ -286,9 +301,9 @@ var CanvasSprite = class _CanvasSprite extends pixi_js.Sprite {
    * ```
    */
   onEvent(event, eventClass) {
-    let className = eventClass.name;
-    let instance = getEventInstanceByClassName(className);
-    this._onEvents[event] = className;
+    let id = eventClass.prototype.id;
+    let instance = getEventInstanceById(id);
+    this._onEvents[event] = id;
     if (instance) {
       super.on(event, () => {
         instance.fn(event, this);
@@ -317,7 +332,7 @@ var CanvasSprite = class _CanvasSprite extends pixi_js.Sprite {
 function getMemorySprite(element) {
   let temp = getMemoryContainer(element);
   return __spreadProps(__spreadValues({}, temp), {
-    className: "CanvasSprite",
+    pixivnId: element.pixivnId,
     textureImage: getTextureMemory(element.texture),
     anchor: { x: element.anchor.x, y: element.anchor.y },
     roundPixels: element.roundPixels,
@@ -340,8 +355,8 @@ function setMemorySprite(element, memory) {
   }
   memory.roundPixels && (element.roundPixels = memory.roundPixels);
   for (let event in memory.onEvents) {
-    let className = memory.onEvents[event];
-    let instance = getEventTypeByClassName(className);
+    let id = memory.onEvents[event];
+    let instance = getEventTypeById(id);
     if (instance) {
       element.onEvent(event, instance);
     }
@@ -349,9 +364,11 @@ function setMemorySprite(element, memory) {
 }
 
 // src/classes/canvas/CanvasImage.ts
+var CANVAS_IMAGE_ID = "CanvasImage";
 var CanvasImage = class _CanvasImage extends CanvasSprite {
   constructor(options, imageLink) {
     super(options);
+    this.pixivnId = CANVAS_IMAGE_ID;
     this.imageLink = "";
     if (imageLink) {
       this.imageLink = imageLink;
@@ -359,12 +376,13 @@ var CanvasImage = class _CanvasImage extends CanvasSprite {
   }
   get memory() {
     return __spreadProps(__spreadValues({}, getMemorySprite(this)), {
-      className: "CanvasImage",
-      textureImage: { image: this.imageLink }
+      pixivnId: this.pixivnId,
+      imageLink: this.imageLink
     });
   }
   set memory(memory) {
     setMemorySprite(this, memory);
+    this.imageLink = memory.imageLink;
   }
   static from(source, skipCache) {
     let sprite = pixi_js.Sprite.from(source, skipCache);
@@ -392,10 +410,13 @@ var CanvasImage = class _CanvasImage extends CanvasSprite {
     });
   }
 };
+var CANVAS_TEXT_ID = "CanvasText";
 var CanvasText = class extends pixi_js.Text {
-  constructor() {
-    super(...arguments);
+  constructor(options) {
+    super(options);
+    this.pixivnId = CANVAS_TEXT_ID;
     this._onEvents = {};
+    this.pixivnId = this.constructor.prototype.pixivnId;
   }
   get memory() {
     return getMemoryText(this);
@@ -436,9 +457,9 @@ var CanvasText = class extends pixi_js.Text {
    * ```
    */
   onEvent(event, eventClass) {
-    let className = eventClass.name;
-    let instance = getEventInstanceByClassName(className);
-    this._onEvents[event] = className;
+    let id = eventClass.prototype.id;
+    let instance = getEventInstanceById(id);
+    this._onEvents[event] = id;
     if (instance) {
       super.on(event, () => {
         instance.fn(event, this);
@@ -461,7 +482,7 @@ var CanvasText = class extends pixi_js.Text {
 function getMemoryText(element) {
   let temp = getMemoryContainer(element);
   return __spreadProps(__spreadValues({}, temp), {
-    className: "CanvasText",
+    pixivnId: element.pixivnId,
     anchor: { x: element.anchor.x, y: element.anchor.y },
     text: element.text,
     resolution: element.resolution,
@@ -484,8 +505,8 @@ function setMemoryText(element, memory) {
   memory.style && (element.style = memory.style);
   memory.roundPixels && (element.roundPixels = memory.roundPixels);
   for (let event in memory.onEvents) {
-    let className = memory.onEvents[event];
-    let instance = getEventTypeByClassName(className);
+    let id = memory.onEvents[event];
+    let instance = getEventTypeById(id);
     if (instance) {
       element.onEvent(event, instance);
     }
@@ -494,28 +515,28 @@ function setMemoryText(element, memory) {
 
 // src/decorators/CanvasElementDecorator.ts
 var registeredCanvasElement = {};
-function getCanvasElementInstanceByClassName(canvasName) {
+function getCanvasElementInstanceById(canvasId) {
   try {
-    let eventType = registeredCanvasElement[canvasName];
+    let eventType = registeredCanvasElement[canvasId];
     if (!eventType) {
-      if (canvasName === "CanvasContainer") {
+      if (canvasId === CANVAS_CONTAINER_ID) {
         eventType = CanvasContainer;
-      } else if (canvasName === "CanvasImage") {
+      } else if (canvasId === CANVAS_IMAGE_ID) {
         eventType = CanvasImage;
-      } else if (canvasName === "CanvasSprite") {
+      } else if (canvasId === CANVAS_SPRITE_ID) {
         eventType = CanvasSprite;
-      } else if (canvasName === "CanvasText") {
+      } else if (canvasId === CANVAS_TEXT_ID) {
         eventType = CanvasText;
       }
     }
     if (!eventType) {
-      console.error(`[Pixi'VN] CanvasElement ${canvasName} not found`);
+      console.error(`[Pixi'VN] CanvasElement ${canvasId} not found`);
       return;
     }
     let canvasElement = new eventType();
     return canvasElement;
   } catch (e) {
-    console.error(`[Pixi'VN] Error while getting CanvasElement ${canvasName}`, e);
+    console.error(`[Pixi'VN] Error while getting CanvasElement ${canvasId}`, e);
     return;
   }
 }
@@ -528,9 +549,14 @@ var TickerBase = class {
    * @param priority The priority of the ticker. @default UPDATE_PRIORITY.NORMAL
    */
   constructor(args, duration, priority) {
+    /**
+     * Get the id of the ticker. This variable is used in the system to get the ticker by id, {@link geTickerInstanceById}
+     */
+    this.id = "ticker_id_not_set";
     this.args = args;
     this.duration = duration;
     this.priority = priority;
+    this.id = this.constructor.prototype.id;
   }
   /**
    * The method that will be called every frame.
@@ -758,19 +784,20 @@ function tickerDecorator(name) {
     if (registeredTickers[name]) {
       console.info(`[Pixi'VN] Ticker ${name} already exists, it will be overwritten`);
     }
+    target.prototype.id = name;
     registeredTickers[name] = target;
   };
 }
-function geTickerInstanceByClassName(tickerName, args, duration, priority) {
+function geTickerInstanceById(tickerId, args, duration, priority) {
   try {
-    let ticker = registeredTickers[tickerName];
+    let ticker = registeredTickers[tickerId];
     if (!ticker) {
-      console.error(`[Pixi'VN] Ticker ${tickerName} not found`);
+      console.error(`[Pixi'VN] Ticker ${tickerId} not found`);
       return;
     }
     return new ticker(args, duration, priority);
   } catch (e) {
-    console.error(`[Pixi'VN] Error while getting Ticker ${tickerName}`, e);
+    console.error(`[Pixi'VN] Error while getting Ticker ${tickerId}`, e);
     return;
   }
 }
@@ -1099,18 +1126,18 @@ var _GameWindowManager = class _GameWindowManager {
    * ```
    */
   static addTicker(canvasElementTag, ticker) {
-    let tickerName = ticker.constructor.name;
+    let tickerId = ticker.id;
     if (typeof canvasElementTag === "string") {
       canvasElementTag = [canvasElementTag];
     }
-    if (!geTickerInstanceByClassName(tickerName, ticker.args, ticker.duration, ticker.priority)) {
-      console.error(`[Pixi'VN] Ticker ${tickerName} not found`);
+    if (!geTickerInstanceById(tickerId, ticker.args, ticker.duration, ticker.priority)) {
+      console.error(`[Pixi'VN] Ticker ${tickerId} not found`);
       return;
     }
     let tickerHistory = {
       fn: () => {
       },
-      className: tickerName,
+      id: tickerId,
       args: createExportableElement(ticker.args),
       canvasElementTags: canvasElementTag,
       priority: ticker.priority,
@@ -1126,11 +1153,11 @@ var _GameWindowManager = class _GameWindowManager {
           _GameWindowManager.removeTicker(id);
         }
       }, ticker.duration * 1e3);
-      _GameWindowManager.addTickerTimeoutInfo(canvasElementTag, tickerName, timeout.toString(), true);
+      _GameWindowManager.addTickerTimeoutInfo(canvasElementTag, tickerId, timeout.toString(), true);
     }
   }
   static pushTicker(id, tickerData, ticker) {
-    _GameWindowManager.removeAssociationBetweenTickerCanvasElement(tickerData.canvasElementTags, tickerData);
+    _GameWindowManager.removeAssociationBetweenTickerCanvasElement(tickerData.canvasElementTags, ticker);
     _GameWindowManager._currentTickers[id] = tickerData;
     tickerData.fn = (t) => {
       let data = _GameWindowManager._currentTickers[id];
@@ -1171,9 +1198,9 @@ var _GameWindowManager = class _GameWindowManager {
         if (step.hasOwnProperty("type") && step.type === "pause") {
           return step;
         }
-        let tickerName = step.constructor.name;
+        let tickerId = step.id;
         return {
-          ticker: tickerName,
+          ticker: tickerId,
           args: createExportableElement(step.args),
           duration: step.duration
         };
@@ -1211,16 +1238,16 @@ var _GameWindowManager = class _GameWindowManager {
       _GameWindowManager.addTickerTimeoutInfo(tag, "steps", timeout.toString(), false);
       return;
     }
-    let ticker = geTickerInstanceByClassName(step.ticker, step.args, step.duration, step.priority);
+    let ticker = geTickerInstanceById(step.ticker, step.args, step.duration, step.priority);
     if (!ticker) {
       console.error(`[Pixi'VN] Ticker ${step.ticker} not found`);
       return;
     }
-    let tickerName = ticker.constructor.name;
+    let tickerName = ticker.id;
     let tickerHistory = {
       fn: () => {
       },
-      className: tickerName,
+      id: tickerName,
       args: createExportableElement(ticker.args),
       canvasElementTags: [tag],
       priority: ticker.priority,
@@ -1277,26 +1304,26 @@ var _GameWindowManager = class _GameWindowManager {
    * ```
    */
   static removeAssociationBetweenTickerCanvasElement(tags, ticker) {
-    let tickerName;
+    let tickerId;
     if (typeof ticker === "string") {
-      tickerName = ticker;
+      tickerId = ticker;
     } else if (ticker instanceof TickerBase) {
-      tickerName = ticker.constructor.name;
+      tickerId = ticker.id;
     } else {
-      tickerName = ticker.name;
+      tickerId = ticker.prototype.id;
     }
     if (typeof tags === "string") {
       tags = [tags];
     }
     for (let id in _GameWindowManager._currentTickers) {
       let ticker2 = _GameWindowManager._currentTickers[id];
-      if (ticker2.className === tickerName) {
+      if (ticker2.id === tickerId) {
         _GameWindowManager._currentTickers[id].canvasElementTags = ticker2.canvasElementTags.filter((e) => !tags.includes(e));
       }
     }
     for (let timeout in _GameWindowManager._currentTickersTimeouts) {
       let TickerTimeout = _GameWindowManager._currentTickersTimeouts[timeout];
-      if (TickerTimeout.ticker === tickerName && TickerTimeout.canBeDeletedBeforeEnd) {
+      if (TickerTimeout.ticker === tickerId && TickerTimeout.canBeDeletedBeforeEnd) {
         _GameWindowManager._currentTickersTimeouts[timeout].tags = TickerTimeout.tags.filter((t) => !tags.includes(t));
       }
     }
@@ -1482,11 +1509,11 @@ var _GameWindowManager = class _GameWindowManager {
         for (let id in currentTickers) {
           let t = currentTickers[id];
           let tags = t.canvasElementTags;
-          let ticker = geTickerInstanceByClassName(t.className, t.args, t.duration, t.priority);
+          let ticker = geTickerInstanceById(t.id, t.args, t.duration, t.priority);
           if (ticker) {
             _GameWindowManager.addTicker(tags, ticker);
           } else {
-            console.error(`[Pixi'VN] Ticker ${t.className} not found`);
+            console.error(`[Pixi'VN] Ticker ${t.id} not found`);
           }
         }
       }
@@ -1532,8 +1559,8 @@ exports.default = class ZoomTicker extends TickerBase {
       tagToRemoveAfter2 = [tagToRemoveAfter2];
     }
     let type = args.type || "zoom";
-    let xLimit = Infinity;
-    let yLimit = Infinity;
+    let xLimit = type === "zoom" ? Infinity : 0;
+    let yLimit = type === "zoom" ? Infinity : 0;
     if (args.limit) {
       if (typeof args.limit === "number") {
         xLimit = args.limit;
@@ -1572,7 +1599,7 @@ exports.default = class ZoomTicker extends TickerBase {
           if (element.scale.x >= xLimit && element.scale.y >= yLimit) {
             element.scale.x = xLimit;
             element.scale.y = yLimit;
-            GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+            this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
           }
         } else if (type === "unzoom") {
           if (element.scale.x < xLimit) {
@@ -1584,22 +1611,37 @@ exports.default = class ZoomTicker extends TickerBase {
           if (element.scale.x <= xLimit && element.scale.y <= yLimit) {
             element.scale.x = xLimit;
             element.scale.y = yLimit;
-            GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+            this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
           }
         }
         if (xSpeed < 1e-5 && ySpeed < 1e-5 && !(args.speedProgression && args.speedProgression.type == "linear" && args.speedProgression.amt != 0)) {
-          GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+          this.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
         }
       }
     });
     if (args.speedProgression)
       updateTickerProgression(args, "speed", args.speedProgression);
   }
+  onEndOfTicker(tag, tickerId, _element, tagToRemoveAfter2) {
+    GameWindowManager.onEndOfTicker(tag, this, tagToRemoveAfter2, tickerId);
+  }
 };
 exports.default = __decorateClass([
   tickerDecorator()
 ], exports.default);
+var ZoomInOutTicker = class extends exports.default {
+  constructor(props, duration, priority) {
+    super(props, duration, priority);
+  }
+  onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2) {
+    if (element.children.length > 0) {
+      let elementChild = element.children[0];
+      GameWindowManager.addCanvasElement(tag, elementChild);
+    }
+    super.onEndOfTicker(tag, tickerId, element, tagToRemoveAfter2);
+  }
+};
 
-module.exports = exports.default;
+exports.ZoomInOutTicker = ZoomInOutTicker;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=ZoomTicker.js.map