@drincs/pixi-vn 0.6.1 → 0.6.3

package/dist/classes/canvas/CanvasBase.d.mts

@@ -13,7 +13,7 @@ import ICanvasBaseMemory from '../../interface/canvas/ICanvasBaseMemory.mjs';
  * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {
  *     get memory(): ICanvasExampleMemory {
  *         return {
- *             className: "CanvasExample",
+ *             pixivnId: "CanvasExample",
  *             // ... other properties
  *         }
  *     }
@@ -32,6 +32,10 @@ declare class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {
      * This method set the memory of the canvas element.
      */
     set memory(_value: T2);
+    /**
+     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}
+     */
+    pixivnId: string;
 }
 
 export { CanvasBase as default };

package/dist/classes/canvas/CanvasBase.d.ts

@@ -13,7 +13,7 @@ import ICanvasBaseMemory from '../../interface/canvas/ICanvasBaseMemory.js';
  * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {
  *     get memory(): ICanvasExampleMemory {
  *         return {
- *             className: "CanvasExample",
+ *             pixivnId: "CanvasExample",
  *             // ... other properties
  *         }
  *     }
@@ -32,6 +32,10 @@ declare class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {
      * This method set the memory of the canvas element.
      */
     set memory(_value: T2);
+    /**
+     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}
+     */
+    pixivnId: string;
 }
 
 export { CanvasBase as default };

package/dist/classes/canvas/CanvasBase.js

@@ -4,6 +4,13 @@ var pixi_js = require('pixi.js');
 
 // src/classes/canvas/CanvasBase.ts
 var CanvasBase = class extends pixi_js.Container {
+  constructor() {
+    super(...arguments);
+    /**
+     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}
+     */
+    this.pixivnId = "canvas_element_id_not_set";
+  }
   /**
    * This method return the memory of the canvas element.
    */
@@ -19,5 +26,5 @@ var CanvasBase = class extends pixi_js.Container {
 };
 
 module.exports = CanvasBase;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CanvasBase.js.map
 //# sourceMappingURL=CanvasBase.js.map

package/dist/classes/canvas/CanvasBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/classes/canvas/CanvasBase.ts"],"names":[],"mappings":";AAAA,SAAS,iBAAiB;AA0B1B,IAAqB,aAArB,cAAsE,UAAU;AAAA;AAAA;AAAA;AAAA,EAI5E,IAAI,SAAa;AAAE,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAAE;AAAA;AAAA;AAAA;AAAA,EAIhG,IAAI,OAAO,QAAY;AAAE,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAAE;AAC1G","sourcesContent":["import { Container } from \"pixi.js\";\nimport { canvasElementDecorator } from \"../../decorators\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the {@link canvasElementDecorator} to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             className: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n}\n"]}
+{"version":3,"sources":["../../../src/classes/canvas/CanvasBase.ts"],"names":["Container"],"mappings":";;;;;AA2BqB,IAAA,UAAA,GAArB,cAAsEA,iBAAU,CAAA;AAAA,EAAhF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AAYI;AAAA;AAAA;AAAA,IAAmB,IAAA,CAAA,QAAA,GAAA,2BAAA,CAAA;AAAA,GAAA;AAAA;AAAA;AAAA;AAAA,EARnB,IAAI,MAAa,GAAA;AAAE,IAAM,MAAA,IAAI,MAAM,2DAA2D,CAAA,CAAA;AAAA,GAAE;AAAA;AAAA;AAAA;AAAA,EAIhG,IAAI,OAAO,MAAY,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,2DAA2D,CAAA,CAAA;AAAA,GAAE;AAK1G","file":"CanvasBase.js","sourcesContent":["import { Container } from \"pixi.js\";\nimport { canvasElementDecorator } from \"../../decorators\";\nimport { getCanvasElementInstanceById } from \"../../decorators/CanvasElementDecorator\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the {@link canvasElementDecorator} to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             pixivnId: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}\n     */\n    pixivnId: string = \"canvas_element_id_not_set\"\n}\n"]}

package/dist/classes/canvas/CanvasBase.mjs

@@ -2,6 +2,13 @@ import { Container } from 'pixi.js';
 
 // src/classes/canvas/CanvasBase.ts
 var CanvasBase = class extends Container {
+  constructor() {
+    super(...arguments);
+    /**
+     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}
+     */
+    this.pixivnId = "canvas_element_id_not_set";
+  }
   /**
    * This method return the memory of the canvas element.
    */
@@ -17,5 +24,5 @@ var CanvasBase = class extends Container {
 };
 
 export { CanvasBase as default };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CanvasBase.mjs.map
 //# sourceMappingURL=CanvasBase.mjs.map

package/dist/classes/canvas/CanvasBase.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/classes/canvas/CanvasBase.ts"],"names":[],"mappings":";AAAA,SAAS,iBAAiB;AA0B1B,IAAqB,aAArB,cAAsE,UAAU;AAAA;AAAA;AAAA;AAAA,EAI5E,IAAI,SAAa;AAAE,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAAE;AAAA;AAAA;AAAA;AAAA,EAIhG,IAAI,OAAO,QAAY;AAAE,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAAE;AAC1G","sourcesContent":["import { Container } from \"pixi.js\";\nimport { canvasElementDecorator } from \"../../decorators\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the {@link canvasElementDecorator} to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             className: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n}\n"]}
+{"version":3,"sources":["../../../src/classes/canvas/CanvasBase.ts"],"names":[],"mappings":";;;AA2BqB,IAAA,UAAA,GAArB,cAAsE,SAAU,CAAA;AAAA,EAAhF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AAYI;AAAA;AAAA;AAAA,IAAmB,IAAA,CAAA,QAAA,GAAA,2BAAA,CAAA;AAAA,GAAA;AAAA;AAAA;AAAA;AAAA,EARnB,IAAI,MAAa,GAAA;AAAE,IAAM,MAAA,IAAI,MAAM,2DAA2D,CAAA,CAAA;AAAA,GAAE;AAAA;AAAA;AAAA;AAAA,EAIhG,IAAI,OAAO,MAAY,EAAA;AAAE,IAAM,MAAA,IAAI,MAAM,2DAA2D,CAAA,CAAA;AAAA,GAAE;AAK1G","file":"CanvasBase.mjs","sourcesContent":["import { Container } from \"pixi.js\";\nimport { canvasElementDecorator } from \"../../decorators\";\nimport { getCanvasElementInstanceById } from \"../../decorators/CanvasElementDecorator\";\nimport { ICanvasBaseMemory } from \"../../interface/canvas\";\n\n/**\n * This class is used to create a canvas element to add into a Pixi Application.\n * You can use GameWindowManager.addCanvasElement() to add this element into the application.\n * This class should be implemented and the memory method should be overridden.\n * You must use the {@link canvasElementDecorator} to register the canvas in the game.\n * In Ren'Py is a displayable.\n * @example\n * ```typescript\n * \\@canvasElementDecorator() // this is equivalent to canvasElementDecorator(\"CanvasExample\")\n * export class CanvasExample extends Container implements CanvasBase<ICanvasExampleMemory> {\n *     get memory(): ICanvasExampleMemory {\n *         return {\n *             pixivnId: \"CanvasExample\",\n *             // ... other properties\n *         }\n *     }\n *     set memory(value: ICanvasExampleMemory) {\n *         // ... set other properties\n *     }\n * }\n * ```\n */\nexport default class CanvasBase<T2 extends ICanvasBaseMemory> extends Container {\n    /**\n     * This method return the memory of the canvas element.\n     */\n    get memory(): T2 { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * This method set the memory of the canvas element.\n     */\n    set memory(_value: T2) { throw new Error(\"[Pixi'VN] The method CanvasBase.memory must be overridden\") }\n    /**\n     * Get the id of the canvas element. This variable is used in the system to get the canvas element by id, {@link getCanvasElementInstanceById}\n     */\n    pixivnId: string = \"canvas_element_id_not_set\"\n}\n"]}

package/dist/classes/canvas/CanvasContainer.d.mts

@@ -3,6 +3,7 @@ import ICanvasContainerMemory from '../../interface/canvas/ICanvasContainerMemor
 import CanvasBase from './CanvasBase.mjs';
 import '../../interface/canvas/ICanvasBaseMemory.mjs';
 
+declare const CANVAS_CONTAINER_ID = "CanvasContainer";
 /**
  * This class is a extension of the [PIXI.Container class](https://pixijs.com/8.x/examples/basic/container), it has the same properties and methods,
  * but it has the ability to be saved and loaded by the Pixi'VN library.
@@ -21,10 +22,12 @@ import '../../interface/canvas/ICanvasBaseMemory.mjs';
  * ```
  */
 declare class CanvasContainer extends Container implements CanvasBase<ICanvasContainerMemory> {
+    constructor(options?: ContainerOptions);
+    pixivnId: string;
     get memory(): ICanvasContainerMemory;
     set memory(value: ICanvasContainerMemory);
 }
 declare function getMemoryContainer<T extends Container>(element: T): ICanvasContainerMemory;
 declare function setMemoryContainer<T extends Container>(element: T | Container, memory: ContainerOptions): void;
 
-export { CanvasContainer as default, getMemoryContainer, setMemoryContainer };
+export { CANVAS_CONTAINER_ID, CanvasContainer as default, getMemoryContainer, setMemoryContainer };

package/dist/classes/canvas/CanvasContainer.d.ts

@@ -3,6 +3,7 @@ import ICanvasContainerMemory from '../../interface/canvas/ICanvasContainerMemor
 import CanvasBase from './CanvasBase.js';
 import '../../interface/canvas/ICanvasBaseMemory.js';
 
+declare const CANVAS_CONTAINER_ID = "CanvasContainer";
 /**
  * This class is a extension of the [PIXI.Container class](https://pixijs.com/8.x/examples/basic/container), it has the same properties and methods,
  * but it has the ability to be saved and loaded by the Pixi'VN library.
@@ -21,10 +22,12 @@ import '../../interface/canvas/ICanvasBaseMemory.js';
  * ```
  */
 declare class CanvasContainer extends Container implements CanvasBase<ICanvasContainerMemory> {
+    constructor(options?: ContainerOptions);
+    pixivnId: string;
     get memory(): ICanvasContainerMemory;
     set memory(value: ICanvasContainerMemory);
 }
 declare function getMemoryContainer<T extends Container>(element: T): ICanvasContainerMemory;
 declare function setMemoryContainer<T extends Container>(element: T | Container, memory: ContainerOptions): void;
 
-export { CanvasContainer as default, getMemoryContainer, setMemoryContainer };
+export { CANVAS_CONTAINER_ID, CanvasContainer as default, getMemoryContainer, setMemoryContainer };

package/dist/classes/canvas/CanvasContainer.js

@@ -64,17 +64,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,
@@ -84,7 +86,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,
@@ -95,40 +97,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 || CANVAS_SPRITE_ID;
   }
   get memory() {
     return getMemorySprite(this);
@@ -169,9 +174,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);
@@ -200,7 +205,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,
@@ -223,8 +228,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);
     }
@@ -232,9 +237,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;
@@ -242,12 +249,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);
@@ -275,10 +283,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 || CANVAS_TEXT_ID;
   }
   get memory() {
     return getMemoryText(this);
@@ -319,9 +330,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);
@@ -344,7 +355,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,
@@ -367,8 +378,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);
     }
@@ -377,28 +388,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;
   }
 }
@@ -415,17 +426,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 || CANVAS_CONTAINER_ID;
+  }
   get memory() {
     let memory = getMemoryContainer(this);
     this.children.forEach((child) => {
@@ -441,8 +458,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,
@@ -458,7 +479,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,
@@ -496,7 +516,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);
@@ -507,8 +526,9 @@ function setMemoryContainer(element, memory) {
   memory.hitArea && (element.hitArea = memory.hitArea);
 }
 
+exports.CANVAS_CONTAINER_ID = CANVAS_CONTAINER_ID;
 exports.default = CanvasContainer;
 exports.getMemoryContainer = getMemoryContainer;
 exports.setMemoryContainer = setMemoryContainer;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CanvasContainer.js.map
 //# sourceMappingURL=CanvasContainer.js.map