@drincs/pixi-vn 0.6.2 → 0.6.4

package/dist/classes/CanvasEvent.js

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

package/dist/classes/CanvasEvent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/classes/CanvasEvent.ts"],"names":[],"mappings":";AAsBA,IAAqB,cAArB,MAAoC;AAAA,EAChC,cAAc;AAOd;AAAA;AAAA;AAAA,cAAkB;AANd,SAAK,KAAK,KAAK,YAAY,UAAU;AAAA,EACzC;AAAA,EACA,GAAG,QAA8B,UAAa;AAAE,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAAE;AAKhI","sourcesContent":["import { eventDecorator } from \"../decorators\";\nimport { getEventInstanceById } from \"../decorators/EventDecorator\";\nimport { CanvasEventNamesType } from \"../types\";\nimport { EventIdType } from \"../types/EventIdType\";\n\n/**\n * CanvasEvent is a class that is used to create a pixi event, and connect it to a canvas element, with on().\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link eventDecorator} to register the event in the game.\n * @example\n * ```typescript\n * \\@eventDecorator() // this is equivalent to eventDecorator(\"EventTest\")\n * export class EventTest extends CanvasEvent<CanvasSprite> {\n *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n *         if (event === 'pointerdown') {\n *             sprite.scale.x *= 1.25;\n *             sprite.scale.y *= 1.25;\n *         }\n *     }\n * }\n * ```\n */\nexport default class CanvasEvent<C> {\n    constructor() {\n        this.id = this.constructor.prototype.id\n    }\n    fn(_event: CanvasEventNamesType, _element: C) { throw new Error(\"[Pixi'VN] The method CanvasEvent.fn() must be overridden\") }\n    /**\n     * Get the id of the event. This variable is used in the system to get the event by id, {@link getEventInstanceById}\n     */\n    id: EventIdType = 'event_id_not_set'\n}\n"]}
+{"version":3,"sources":["../../src/classes/CanvasEvent.ts"],"names":[],"mappings":";;;AAsBA,IAAqB,cAArB,MAAoC;AAAA,EAChC,WAAc,GAAA;AAOd;AAAA;AAAA;AAAA,IAAkB,IAAA,CAAA,EAAA,GAAA,kBAAA,CAAA;AANd,IAAK,IAAA,CAAA,EAAA,GAAK,IAAK,CAAA,WAAA,CAAY,SAAU,CAAA,EAAA,CAAA;AAAA,GACzC;AAAA,EACA,EAAA,CAAG,QAA8B,QAAa,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,0DAA0D,CAAA,CAAA;AAAA,GAAE;AAKhI","file":"CanvasEvent.js","sourcesContent":["import { eventDecorator } from \"../decorators\";\nimport { getEventInstanceById } from \"../decorators/EventDecorator\";\nimport { CanvasEventNamesType } from \"../types\";\nimport { EventIdType } from \"../types/EventIdType\";\n\n/**\n * CanvasEvent is a class that is used to create a pixi event, and connect it to a canvas element, with on().\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link eventDecorator} to register the event in the game.\n * @example\n * ```typescript\n * \\@eventDecorator() // this is equivalent to eventDecorator(\"EventTest\")\n * export class EventTest extends CanvasEvent<CanvasSprite> {\n *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n *         if (event === 'pointerdown') {\n *             sprite.scale.x *= 1.25;\n *             sprite.scale.y *= 1.25;\n *         }\n *     }\n * }\n * ```\n */\nexport default class CanvasEvent<C> {\n    constructor() {\n        this.id = this.constructor.prototype.id\n    }\n    fn(_event: CanvasEventNamesType, _element: C) { throw new Error(\"[Pixi'VN] The method CanvasEvent.fn() must be overridden\") }\n    /**\n     * Get the id of the event. This variable is used in the system to get the event by id, {@link getEventInstanceById}\n     */\n    id: EventIdType = 'event_id_not_set'\n}\n"]}

package/dist/classes/CanvasEvent.mjs

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

package/dist/classes/CanvasEvent.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/classes/CanvasEvent.ts"],"names":[],"mappings":";AAsBA,IAAqB,cAArB,MAAoC;AAAA,EAChC,cAAc;AAOd;AAAA;AAAA;AAAA,cAAkB;AANd,SAAK,KAAK,KAAK,YAAY,UAAU;AAAA,EACzC;AAAA,EACA,GAAG,QAA8B,UAAa;AAAE,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAAE;AAKhI","sourcesContent":["import { eventDecorator } from \"../decorators\";\nimport { getEventInstanceById } from \"../decorators/EventDecorator\";\nimport { CanvasEventNamesType } from \"../types\";\nimport { EventIdType } from \"../types/EventIdType\";\n\n/**\n * CanvasEvent is a class that is used to create a pixi event, and connect it to a canvas element, with on().\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link eventDecorator} to register the event in the game.\n * @example\n * ```typescript\n * \\@eventDecorator() // this is equivalent to eventDecorator(\"EventTest\")\n * export class EventTest extends CanvasEvent<CanvasSprite> {\n *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n *         if (event === 'pointerdown') {\n *             sprite.scale.x *= 1.25;\n *             sprite.scale.y *= 1.25;\n *         }\n *     }\n * }\n * ```\n */\nexport default class CanvasEvent<C> {\n    constructor() {\n        this.id = this.constructor.prototype.id\n    }\n    fn(_event: CanvasEventNamesType, _element: C) { throw new Error(\"[Pixi'VN] The method CanvasEvent.fn() must be overridden\") }\n    /**\n     * Get the id of the event. This variable is used in the system to get the event by id, {@link getEventInstanceById}\n     */\n    id: EventIdType = 'event_id_not_set'\n}\n"]}
+{"version":3,"sources":["../../src/classes/CanvasEvent.ts"],"names":[],"mappings":";AAsBA,IAAqB,cAArB,MAAoC;AAAA,EAChC,WAAc,GAAA;AAOd;AAAA;AAAA;AAAA,IAAkB,IAAA,CAAA,EAAA,GAAA,kBAAA,CAAA;AANd,IAAK,IAAA,CAAA,EAAA,GAAK,IAAK,CAAA,WAAA,CAAY,SAAU,CAAA,EAAA,CAAA;AAAA,GACzC;AAAA,EACA,EAAA,CAAG,QAA8B,QAAa,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,0DAA0D,CAAA,CAAA;AAAA,GAAE;AAKhI","file":"CanvasEvent.mjs","sourcesContent":["import { eventDecorator } from \"../decorators\";\nimport { getEventInstanceById } from \"../decorators/EventDecorator\";\nimport { CanvasEventNamesType } from \"../types\";\nimport { EventIdType } from \"../types/EventIdType\";\n\n/**\n * CanvasEvent is a class that is used to create a pixi event, and connect it to a canvas element, with on().\n * This class should be extended and the fn method should be overridden.\n * You must use the {@link eventDecorator} to register the event in the game.\n * @example\n * ```typescript\n * \\@eventDecorator() // this is equivalent to eventDecorator(\"EventTest\")\n * export class EventTest extends CanvasEvent<CanvasSprite> {\n *     override fn(event: CanvasEventNamesType, sprite: CanvasSprite): void {\n *         if (event === 'pointerdown') {\n *             sprite.scale.x *= 1.25;\n *             sprite.scale.y *= 1.25;\n *         }\n *     }\n * }\n * ```\n */\nexport default class CanvasEvent<C> {\n    constructor() {\n        this.id = this.constructor.prototype.id\n    }\n    fn(_event: CanvasEventNamesType, _element: C) { throw new Error(\"[Pixi'VN] The method CanvasEvent.fn() must be overridden\") }\n    /**\n     * Get the id of the event. This variable is used in the system to get the event by id, {@link getEventInstanceById}\n     */\n    id: EventIdType = 'event_id_not_set'\n}\n"]}

package/dist/classes/CharacterBaseModel.js

@@ -84,7 +84,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);
@@ -122,7 +122,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,
@@ -160,7 +159,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);
@@ -191,17 +189,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,
@@ -211,7 +211,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,
@@ -258,7 +258,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);
@@ -414,7 +414,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);
@@ -1097,7 +1097,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();
@@ -1108,7 +1108,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 {
@@ -1826,5 +1826,5 @@ var CharacterBaseModel = class extends StoredClassModel {
 };
 
 module.exports = CharacterBaseModel;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CharacterBaseModel.js.map
 //# sourceMappingURL=CharacterBaseModel.js.map