@drincs/pixi-vn 0.6.2 → 0.6.3

package/dist/classes/ticker/TickerBase.js

@@ -31,5 +31,5 @@ var TickerBase = class {
 };
 
 module.exports = TickerBase;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TickerBase.js.map
 //# sourceMappingURL=TickerBase.js.map

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";;;AA6CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,WAAA,CAAY,IAAa,EAAA,QAAA,EAAmB,QAA4B,EAAA;AASxE;AAAA;AAAA;AAAA,IAAmB,IAAA,CAAA,EAAA,GAAA,mBAAA,CAAA;AARf,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AACZ,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAA;AAChB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAA;AAChB,IAAK,IAAA,CAAA,EAAA,GAAK,IAAK,CAAA,WAAA,CAAY,SAAU,CAAA,EAAA,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBA,EAAG,CAAA,OAAA,EAAiB,KAAc,EAAA,KAAA,EAA0B,SAAyB,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,yDAAyD,CAAA,CAAA;AAAA,GAAE;AACtK","file":"TickerBase.js","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

@@ -29,5 +29,5 @@ var TickerBase = class {
 };
 
 export { TickerBase as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TickerBase.mjs.map
 //# sourceMappingURL=TickerBase.mjs.map

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/classes/ticker/TickerBase.ts"],"names":[],"mappings":";AA6CA,IAAqB,aAArB,MAAwF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpF,WAAA,CAAY,IAAa,EAAA,QAAA,EAAmB,QAA4B,EAAA;AASxE;AAAA;AAAA;AAAA,IAAmB,IAAA,CAAA,EAAA,GAAA,mBAAA,CAAA;AARf,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AACZ,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAA;AAChB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAA;AAChB,IAAK,IAAA,CAAA,EAAA,GAAK,IAAK,CAAA,WAAA,CAAY,SAAU,CAAA,EAAA,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBA,EAAG,CAAA,OAAA,EAAiB,KAAc,EAAA,KAAA,EAA0B,SAAyB,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,yDAAyD,CAAA,CAAA;AAAA,GAAE;AACtK","file":"TickerBase.mjs","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.js

@@ -86,7 +86,7 @@ var CanvasContainer = class extends pixi_js.Container {
   constructor(options) {
     super(options);
     this.pixivnId = CANVAS_CONTAINER_ID;
-    this.pixivnId = this.constructor.prototype.pixivnId;
+    this.pixivnId = this.constructor.prototype.pixivnId || CANVAS_CONTAINER_ID;
   }
   get memory() {
     let memory = getMemoryContainer(this);
@@ -124,7 +124,6 @@ function getMemoryContainer(element) {
     position: { x: element.position.x, y: element.position.y },
     skew: { x: element.skew.x, y: element.skew.y },
     visible: element.visible,
-    culled: element.culled,
     x: element.x,
     y: element.y,
     boundsArea: element.boundsArea,
@@ -162,7 +161,6 @@ function setMemoryContainer(element, memory) {
   memory.position && element.position.set(memory.position.x, memory.position.y);
   memory.skew && element.skew.set(memory.skew.x, memory.skew.y);
   memory.visible && (element.visible = memory.visible);
-  memory.culled && (element.culled = memory.culled);
   memory.x && (element.x = memory.x);
   memory.y && (element.y = memory.y);
   memory.boundsArea && (element.boundsArea = memory.boundsArea);
@@ -193,17 +191,19 @@ function getTexture(imageUrl) {
     });
   });
 }
-function getTextStyle(style) {
-  let fill = style.fill;
-  if (fill instanceof Object) {
-    console.warn("[Pixi'VN] CanvasText.style.fill is a FillGradient or FillPattern, this is not supported yet.", fill);
-    fill = "#00FF00";
+function getFillGradientFillPattern(prop, propName) {
+  if (!(prop instanceof Object)) {
+    return prop;
   }
+  console.warn(`[Pixi'VN] CanvasText.style.${propName} is a FillGradient or FillPattern, this is not supported yet.`, prop);
+  return void 0;
+}
+function getTextStyle(style) {
   return {
     align: style.align,
     breakWords: style.breakWords,
     dropShadow: style.dropShadow,
-    fill,
+    fill: getFillGradientFillPattern(style.stroke, "fill"),
     fontFamily: style.fontFamily,
     fontSize: style.fontSize,
     fontStyle: style.fontStyle,
@@ -213,7 +213,7 @@ function getTextStyle(style) {
     letterSpacing: style.letterSpacing,
     lineHeight: style.lineHeight,
     padding: style.padding,
-    stroke: style.stroke,
+    stroke: getFillGradientFillPattern(style.stroke, "stroke"),
     textBaseline: style.textBaseline,
     trim: style.trim,
     whiteSpace: style.whiteSpace,
@@ -260,7 +260,7 @@ var CanvasSprite = class _CanvasSprite extends pixi_js.Sprite {
     super(options);
     this.pixivnId = CANVAS_SPRITE_ID;
     this._onEvents = {};
-    this.pixivnId = this.constructor.prototype.pixivnId;
+    this.pixivnId = this.constructor.prototype.pixivnId || CANVAS_SPRITE_ID;
   }
   get memory() {
     return getMemorySprite(this);
@@ -416,7 +416,7 @@ var CanvasText = class extends pixi_js.Text {
     super(options);
     this.pixivnId = CANVAS_TEXT_ID;
     this._onEvents = {};
-    this.pixivnId = this.constructor.prototype.pixivnId;
+    this.pixivnId = this.constructor.prototype.pixivnId || CANVAS_TEXT_ID;
   }
   get memory() {
     return getMemoryText(this);
@@ -869,7 +869,7 @@ var _GameWindowManager = class _GameWindowManager {
         height
       }, options)).then(() => {
         _GameWindowManager._isInitialized = true;
-        this.addCanvasIntoElement(element);
+        this.addCanvasIntoHTMLElement(element);
         window.addEventListener("resize", _GameWindowManager.resize);
         _GameWindowManager.resize();
         asciiArtLog();
@@ -880,7 +880,7 @@ var _GameWindowManager = class _GameWindowManager {
    * Add the canvas into a html element.
    * @param element it is the html element where I will put the canvas. Example: document.body
    */
-  static addCanvasIntoElement(element) {
+  static addCanvasIntoHTMLElement(element) {
     if (_GameWindowManager.isInitialized) {
       element.appendChild(_GameWindowManager.app.canvas);
     } else {
@@ -1643,5 +1643,5 @@ var ZoomInOutTicker = class extends exports.default {
 };
 
 exports.ZoomInOutTicker = ZoomInOutTicker;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ZoomTicker.js.map
 //# sourceMappingURL=ZoomTicker.js.map