@rpgjs/client 5.0.0-alpha.22 → 5.0.0-alpha.24

package/dist/index30.js

@@ -1,27 +1,25 @@
-const AnimationSpritesheetPreset = (framesWidth, framesHeight) => {
-  const animations = [];
-  for (let y = 0; y < framesHeight; y++) {
-    for (let x = 0; x < framesWidth; x++) {
-      const frameIndex = y * framesWidth + x;
-      animations.push({
-        time: frameIndex * 10,
-        frameX: x,
-        frameY: y
-      });
-    }
+import { generateUID } from '@rpgjs/common';
+import { signal } from 'canvasengine';
+
+class AnimationManager {
+  constructor() {
+    this.current = signal([]);
   }
-  return {
-    framesWidth,
-    framesHeight,
-    textures: {
-      default: {
-        animations: () => [
-          animations
-        ]
+  displayEffect(params, player) {
+    const id = generateUID();
+    this.current().push({
+      ...params,
+      id,
+      x: player.x,
+      y: player.y,
+      object: player,
+      onFinish: () => {
+        const index = this.current().findIndex((value) => value.id === id);
+        this.current().splice(index, 1);
       }
-    }
-  };
-};
+    });
+  }
+}
 
-export { AnimationSpritesheetPreset };
+export { AnimationManager };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/presets/animation.ts"],"sourcesContent":["/**\n * Creates an animation spritesheet preset with automatic frame generation\n * \n * This function generates animation frames based on the provided width and height dimensions.\n * It creates a sequence of frames that progresses through the spritesheet from left to right,\n * top to bottom, with each frame having a 10ms time increment.\n * \n * @param {number} framesWidth - The number of frames horizontally in the spritesheet\n * @param {number} framesHeight - The number of frames vertically in the spritesheet\n * @returns {Object} Animation preset configuration object\n * \n * @example\n * ```javascript\n * // For a 4x4 spritesheet\n * const preset = AnimationSpritesheetPreset(4, 4);\n * // This will generate 16 frames with coordinates from (0,0) to (3,3)\n * ```\n */\nexport const AnimationSpritesheetPreset = (framesWidth: number, framesHeight: number) => {\n    \n    const animations: Array<{ time: number; frameX: number; frameY: number }> = [];\n\n    for (let y = 0; y < framesHeight; y++) {\n        for (let x = 0; x < framesWidth; x++) {\n            const frameIndex = y * framesWidth + x;\n            animations.push({ \n                time: frameIndex * 10, \n                frameX: x, \n                frameY: y \n            });\n        }\n    }\n    \n    return {\n        framesWidth,\n        framesHeight,\n        textures: {\n            default: {\n                animations: () => [\n                    animations\n                ],\n            }\n        }\n    };\n};\n  "],"names":[],"mappings":"AAkBO,MAAM,0BAAA,GAA6B,CAAC,WAAA,EAAqB,YAAA,KAAyB;AAErF,EAAA,MAAM,aAAsE,EAAC;AAE7E,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,YAAA,EAAc,CAAA,EAAA,EAAK;AACnC,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AAClC,MAAA,MAAM,UAAA,GAAa,IAAI,WAAA,GAAc,CAAA;AACrC,MAAA,UAAA,CAAW,IAAA,CAAK;AAAA,QACZ,MAAM,UAAA,GAAa,EAAA;AAAA,QACnB,MAAA,EAAQ,CAAA;AAAA,QACR,MAAA,EAAQ;AAAA,OACX,CAAA;AAAA,IACL;AAAA,EACJ;AAEA,EAAA,OAAO;AAAA,IACH,WAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACN,OAAA,EAAS;AAAA,QACL,YAAY,MAAM;AAAA,UACd;AAAA;AACJ;AACJ;AACJ,GACJ;AACJ;;;;"}
+{"version":3,"file":"index30.js","sources":["../src/Game/AnimationManager.ts"],"sourcesContent":["import { generateUID, RpgCommonPlayer } from \"@rpgjs/common\";\nimport { signal } from \"canvasengine\";\n\nexport class AnimationManager {\n  current = signal<any[]>([]);\n\n  displayEffect(params: any, player: RpgCommonPlayer | { x: number, y: number }) {\n    const id = generateUID();\n    this.current().push({\n      ...params,\n      id,\n      x: player.x,\n      y: player.y,\n      object: player,\n      onFinish: () => {\n        const index = this.current().findIndex((value) => value.id === id);\n        this.current().splice(index, 1);\n      },\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAA,CAAiB;AAAA,EAAvB,WAAA,GAAA;AACL,IAAA,IAAA,CAAA,OAAA,GAAU,MAAA,CAAc,EAAE,CAAA;AAAA,EAAA;AAAA,EAE1B,aAAA,CAAc,QAAa,MAAA,EAAoD;AAC7E,IAAA,MAAM,KAAK,WAAA,EAAY;AACvB,IAAA,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK;AAAA,MAClB,GAAG,MAAA;AAAA,MACH,EAAA;AAAA,MACA,GAAG,MAAA,CAAO,CAAA;AAAA,MACV,GAAG,MAAA,CAAO,CAAA;AAAA,MACV,MAAA,EAAQ,MAAA;AAAA,MACR,UAAU,MAAM;AACd,QAAA,MAAM,KAAA,GAAQ,KAAK,OAAA,EAAQ,CAAE,UAAU,CAAC,KAAA,KAAU,KAAA,CAAM,EAAA,KAAO,EAAE,CAAA;AACjE,QAAA,IAAA,CAAK,OAAA,EAAQ,CAAE,MAAA,CAAO,KAAA,EAAO,CAAC,CAAA;AAAA,MAChC;AAAA,KACD,CAAA;AAAA,EACH;AACF;;;;"}