@safe-engine/cocos 2.1.9 → 2.2.2

package/dist/dragonbones/PixiDragonBonesSprite.d.ts

@@ -1,9 +1,15 @@
-export declare const SharedDragonBonesManager: {
-    isLoaded: boolean;
-    factory: any;
-    assets: {};
-    loadAssetsOnce: (key: any, texJsonUrl: any, texPngUrl: any) => void;
-    buildArmatureDisplay: (key: any) => any;
-};
-export declare const PixiDragonBonesSprite: any;
+import { PixiArmatureDisplay } from 'dragonbones-pixijs';
+import { Application } from 'pixi.js';
+export declare function loadDragonBonesAssets(skeleton: any, atlas: any, texture: any): Promise<any>;
+export declare class PixiDragonBonesSprite extends cc.Sprite {
+    _canvas: any;
+    _pixiApp: Application;
+    _texture: cc.Texture2D;
+    _config: any;
+    _armatureDisplay: PixiArmatureDisplay;
+    constructor(config: any);
+    _setupArmature(): void;
+    updateTexture(): void;
+    onExit(): void;
+}
 //# sourceMappingURL=PixiDragonBonesSprite.d.ts.map

package/dist/dragonbones/PixiDragonBonesSprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PixiDragonBonesSprite.d.ts","sourceRoot":"","sources":["../../src/dragonbones/PixiDragonBonesSprite.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;CA8BpC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,GA+DlC,CAAA"}
+{"version":3,"file":"PixiDragonBonesSprite.d.ts","sourceRoot":"","sources":["../../src/dragonbones/PixiDragonBonesSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAe,MAAM,oBAAoB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAU,MAAM,SAAS,CAAA;AAE7C,wBAAgB,qBAAqB,CAAC,QAAQ,KAAA,EAAE,KAAK,KAAA,EAAE,OAAO,KAAA,gBAE7D;AACD,qBAAa,qBAAsB,SAAQ,EAAE,CAAC,MAAM;IAClD,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAA;IACtB,OAAO,MAAA;IACP,gBAAgB,EAAE,mBAAmB,CAAA;gBACzB,MAAM,KAAA;IA+BlB,cAAc;IAsBd,aAAa;IASb,MAAM;CAMP"}

package/dist/dragonbones/PixiDragonBonesSprite.js

@@ -1,44 +1,27 @@
-export const SharedDragonBonesManager = {
-    isLoaded: false,
-    factory: dragonBones.PixiFactory.factory,
-    assets: {},
-    loadAssetsOnce: function (key, texJsonUrl, texPngUrl) {
-        if (this.assets[key]) {
-            return;
-        }
-        const loader = new PIXI.Loader();
-        loader
-            .add(`ske${key}`, key)
-            .add(`texJson${key}`, texJsonUrl)
-            .add(`texPng${key}`, texPngUrl)
-            .load((loader, resources) => {
-            const dragonData = this.factory.parseDragonBonesData(resources[`ske${key}`].data, key);
-            this.factory.parseTextureAtlasData(resources[`texJson${key}`].data, resources[`texPng${key}`].texture, key);
-            this.assets[key] = {
-                dragonData,
-                texture: resources[`texPng${key}`].texture,
-            };
-        });
-    },
-    buildArmatureDisplay: function (key) {
-        // console.log(this.assets[key])
-        const { armatureNames } = this.assets[key].dragonData;
-        const armatureName = armatureNames[0];
-        return this.factory.buildArmatureDisplay(armatureName, key);
-    },
-};
-export const PixiDragonBonesSprite = cc.Sprite.extend({
-    ctor: function (config) {
-        this._super();
+import { PixiFactory } from 'dragonbones-pixijs';
+import { Application, Assets } from 'pixi.js';
+export function loadDragonBonesAssets(skeleton, atlas, texture) {
+    return Assets.load([skeleton, atlas, texture]);
+}
+export class PixiDragonBonesSprite extends cc.Sprite {
+    _canvas;
+    _pixiApp;
+    _texture;
+    _config;
+    _armatureDisplay;
+    constructor(config) {
+        super();
+        super.ctor(); // always call this for compatibility with cocos2dx JS Javascript class system
         this._canvas = document.createElement('canvas');
         this._canvas.width = config.width || 1024;
         this._canvas.height = config.height || 1024;
-        this._pixiApp = new PIXI.Application({
+        this._pixiApp = new Application();
+        this._pixiApp.init({
             view: this._canvas,
             width: this._canvas.width,
             height: this._canvas.height,
             backgroundAlpha: 0, // nền trong suốt
-            transparent: true, // bắt buộc để alpha hoạt động
+            // transparent: true, // bắt buộc để alpha hoạt động
             clearBeforeRender: true, // xoá trước khi vẽ frame mới
             preserveDrawingBuffer: true, // giúp lấy ảnh từ canvas
             antialias: true,
@@ -51,32 +34,38 @@ export const PixiDragonBonesSprite = cc.Sprite.extend({
         this._armatureDisplay = null;
         this._setupArmature();
         // this.schedule(this.updateTexture, 1 / 30);
-    },
-    _setupArmature: function () {
-        const display = SharedDragonBonesManager.buildArmatureDisplay(this._config.ske);
+    }
+    _setupArmature() {
+        const { key, skeleton, atlas, texture, playTimes, animationName, scale = 1 } = this._config;
+        const factory = PixiFactory.factory;
+        const dragonData = factory.parseDragonBonesData(Assets.get(skeleton), key);
+        factory.parseTextureAtlasData(Assets.get(atlas), Assets.get(texture), key);
+        const { armatureNames } = dragonData;
+        const armatureName = armatureNames[0];
+        const display = factory.buildArmatureDisplay(armatureName, key);
         if (!display) {
-            console.error('Không thể build armature:', this._config.armatureName);
+            console.error('Cannot build armature:', armatureName);
             return;
         }
-        display.animation.play(this._config.animationName, 0, this._config.playTimes);
+        display.animation.play(animationName, playTimes);
         display.x = this._canvas.width / 2;
         display.y = this._canvas.height / 2;
-        display.scale.set(this._config.scale || 1);
+        display.scale.set(scale);
         this._pixiApp.stage.addChild(display);
         this._armatureDisplay = display;
-    },
-    updateTexture: function () {
-        if (this._armatureDisplay) {
+    }
+    updateTexture() {
+        if (this._armatureDisplay && this._pixiApp.renderer) {
             this._pixiApp.renderer.render(this._pixiApp.stage);
             this._texture.initWithElement(this._canvas);
             this._texture.handleLoadedTexture();
             this.setTexture(this._texture);
         }
-    },
-    onExit: function () {
+    }
+    onExit() {
         // this.unschedule(this.updateTexture);
         this._pixiApp.destroy(true, { children: true });
         this._canvas.remove();
-        this._super();
-    },
-});
+        super.onExit();
+    }
+}

package/dist/dragonbones/index.d.ts

@@ -1,6 +1,8 @@
+import { PixiArmatureDisplay } from 'dragonbones-pixijs';
 import { EntityManager, EventManager, System } from 'entityx-ts';
 import { ComponentX } from '../core/decorator';
 import { BaseComponentProps } from '../safex';
+import { PixiDragonBonesSprite } from './PixiDragonBonesSprite';
 export type DragonBonesEventData = {
     name: string;
 };
@@ -19,25 +21,10 @@ interface DragonBonesProps {
     onAnimationEnd?: () => void;
     onAnimationComplete?: () => void;
 }
-interface PixiDragonBonesAnimation {
-    lastAnimationName: string;
-    gotoAndPlayByTime: (name: string, index?: number, playTimes?: number) => void;
-    play: (name: string, index?: number, playTimes?: number) => void;
-    timeScale: Float;
-}
-interface PixiDragonBonesArmature {
-    animation: PixiDragonBonesAnimation;
-    _armature: {
-        flipX: boolean;
-    };
-    removeDBEventListener: () => void;
-    addDBEventListener: (name: string, cb: (event: any) => void, target: any) => void;
-}
-export declare class DragonBonesComp extends ComponentX<DragonBonesProps & BaseComponentProps<DragonBonesComp>, cc.Node> {
-    armature: PixiDragonBonesArmature;
-    dragon: any;
+export declare class DragonBonesComp extends ComponentX<DragonBonesProps & BaseComponentProps<DragonBonesComp>, PixiDragonBonesSprite> {
+    armature: PixiArmatureDisplay;
     setAnimation(name: string, playTimes?: number): void;
-    getAnimationName(): string;
+    getAnimationName(): any;
     setFLipX(isFlipX: boolean): void;
     setTimeScale(timeScale: Float): void;
 }

package/dist/dragonbones/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragonbones/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAG5E,OAAO,EAAE,UAAU,EAAU,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAG7C,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AACnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;CACjC;AACD,UAAU,wBAAwB;IAChC,iBAAiB,EAAE,MAAM,CAAA;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7E,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,KAAK,CAAA;CACjB;AACD,UAAU,uBAAuB;IAC/B,SAAS,EAAE,wBAAwB,CAAA;IACnC,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,CAAA;KACf,CAAA;IACD,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAA;CAClF;AACD,qBAAa,eAAgB,SAAQ,UAAU,CAAC,gBAAgB,GAAG,kBAAkB,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;IAC9G,QAAQ,EAAE,uBAAuB,CAAA;IACjC,MAAM,EAAE,GAAG,CAAA;IACX,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAI;IAOxC,gBAAgB;IAShB,QAAQ,CAAC,OAAO,EAAE,OAAO;IAIzB,YAAY,CAAC,SAAS,EAAE,KAAK;CAG9B;AAED,qBAAa,iBAAkB,YAAW,MAAM;IAC9C,SAAS,CAAC,aAAa,EAAE,YAAY;IAyDrC,MAAM,CAAC,QAAQ,EAAE,aAAa;CAW/B;AAED,wBAAgB,gBAAgB,SAE/B;AAED,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragonbones/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAG5E,OAAO,EAAE,UAAU,EAAU,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AACnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAA;IAEjB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;CACjC;AAED,qBAAa,eAAgB,SAAQ,UAAU,CAAC,gBAAgB,GAAG,kBAAkB,CAAC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IAC5H,QAAQ,EAAE,mBAAmB,CAAA;IAE7B,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAI;IAOxC,gBAAgB;IAShB,QAAQ,CAAC,OAAO,EAAE,OAAO;IAIzB,YAAY,CAAC,SAAS,EAAE,KAAK;CAG9B;AAED,qBAAa,iBAAkB,YAAW,MAAM;IAC9C,SAAS,CAAC,aAAa,EAAE,YAAY;IAmDrC,MAAM,CAAC,QAAQ,EAAE,aAAa;CAU/B;AAED,wBAAgB,gBAAgB,SAE/B;AAED,cAAc,yBAAyB,CAAA"}

package/dist/dragonbones/index.js

@@ -5,7 +5,6 @@ import { GameWorld } from '../gworld';
 import { PixiDragonBonesSprite } from './PixiDragonBonesSprite';
 export class DragonBonesComp extends ComponentX {
     armature;
-    dragon;
     setAnimation(name, playTimes = 0) {
         if (this.armature) {
             if (this.armature.animation.lastAnimationName === name)
@@ -30,29 +29,23 @@ export class DragonBonesComp extends ComponentX {
 }
 export class DragonBonesSystem {
     configure(event_manager) {
-        event_manager.subscribe(EventTypes.ComponentAdded, DragonBonesComp, ({ entity }) => {
+        event_manager.subscribe(EventTypes.ComponentAdded, DragonBonesComp, async ({ entity }) => {
             const dbComp = entity.getComponent(DragonBonesComp);
             const { data, animation, playTimes = 0, timeScale = 1 } = dbComp.props;
             const { atlas, skeleton, texture } = data;
             const dragon = new PixiDragonBonesSprite({
-                ske: skeleton,
-                texJson: atlas,
-                texPng: texture,
+                skeleton,
+                atlas,
+                texture,
                 animationName: animation,
                 playTimes,
                 // width: dataSkel.armature[0].aabb.width,
                 // height: dataSkel.armature[0].aabb.height,
             });
-            dbComp.dragon = dragon;
             dbComp.armature = dragon._armatureDisplay;
-            const node = new cc.Node();
-            node.addChild(dragon);
             // console.log('armature', dbComp.armature)
             dbComp.armature.animation.timeScale = timeScale;
-            // if (skin) {
-            //   node.setSkin(skin)
-            // }
-            dbComp.node = entity.assign(new NodeComp(node, entity));
+            dbComp.node = entity.assign(new NodeComp(dragon, entity));
             if (dbComp.props.onAnimationStart)
                 dbComp.armature.addDBEventListener(dragonBones.EventObject.START, () => {
                     if (dbComp.node.active && dbComp.enabled)
@@ -79,11 +72,10 @@ export class DragonBonesSystem {
     update(entities) {
         // console.log('update', dt)
         const animations = entities.entities_with_components(DragonBonesComp);
-        // cc.log(animations);
         animations.forEach((ett) => {
             const dbComp = ett.getComponent(DragonBonesComp);
             if (dbComp.node && dbComp.node.active) {
-                dbComp.dragon.updateTexture();
+                dbComp.node.instance.updateTexture();
             }
         });
     }

package/dist/render/RenderComponent.d.ts

@@ -4,17 +4,8 @@ import { BaseComponentProps, ColorSource } from '../safex';
 export declare class NodeRender extends ComponentX {
     nodeName: string;
 }
-declare enum SpriteTypes {
-    SIMPLE = 0,
-    SLICED = 1,
-    TILED = 2,
-    FILLED = 3,
-    MESH = 4,
-    ANIMATION = 5
-}
 interface SpriteRenderProps {
     spriteFrame: string;
-    type?: SpriteTypes;
     capInsets?: [number, number, number, number];
     tiledSize?: Size;
 }
@@ -62,8 +53,8 @@ interface MotionStreakProps {
     stroke?: number;
     color?: Color4B;
 }
-export declare class MotionStreak extends ComponentX<MotionStreakProps & {
-    $ref?: MotionStreak;
+export declare class MotionStreakComp extends ComponentX<MotionStreakProps & {
+    $ref?: MotionStreakComp;
 }, cc.MotionStreak> {
     reset(): void;
 }

package/dist/render/RenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAU,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE1D,qBAAa,UAAW,SAAQ,UAAU;IACxC,QAAQ,EAAE,MAAM,CAAA;CACjB;AASD,UAAU,iBAAiB;IACzB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAA;CACjB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;IAC3G,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,CAAC,KAAK,QAAA,EAKpB;IACD,WAAW;CAGZ;AACD,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,qBAAa,UAAW,SAAQ,UAAU,CAAC,eAAe,EAAE,EAAE,CAAC,YAAY,CAAC;CAAG;AAE/E,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAA;CAClB;AACD,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAAC;CAAG;AAErF,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB;AAED,qBAAa,cAAe,SAAQ,UAAU,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC;IACnH,OAAO,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,CAAC,KAAA;IASf,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAG5E,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO;IAMzD,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,SAAI,EAAE,QAAQ,SAAK,EAAE,gBAAgB,UAAO,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO;IAyB7H,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,KAAK;IAe3D,KAAK;CAKN;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,QAAS,SAAQ,UAAU,CAAC,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,EAAE,EAAE,CAAC,WAAW,CAAC;CAAG;AAEhG,UAAU,iBAAiB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AACD,qBAAa,gBAAiB,SAAQ,UAAU,CAAC,iBAAiB,GAAG;IAAE,IAAI,CAAC,EAAE,gBAAgB,CAAA;CAAE,EAAE,EAAE,CAAC,YAAY,CAAC;IAChH,KAAK;CAGN"}

package/dist/render/RenderComponent.js

@@ -2,15 +2,6 @@ import { ComponentX, render } from '../core/decorator';
 export class NodeRender extends ComponentX {
     nodeName;
 }
-var SpriteTypes;
-(function (SpriteTypes) {
-    SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
-    SpriteTypes[SpriteTypes["SLICED"] = 1] = "SLICED";
-    SpriteTypes[SpriteTypes["TILED"] = 2] = "TILED";
-    SpriteTypes[SpriteTypes["FILLED"] = 3] = "FILLED";
-    SpriteTypes[SpriteTypes["MESH"] = 4] = "MESH";
-    SpriteTypes[SpriteTypes["ANIMATION"] = 5] = "ANIMATION";
-})(SpriteTypes || (SpriteTypes = {}));
 export class SpriteRender extends ComponentX {
     get spriteFrame() {
         return this.props.spriteFrame;
@@ -80,7 +71,7 @@ export class GraphicsRender extends ComponentX {
 }
 export class TiledMap extends ComponentX {
 }
-export class MotionStreak extends ComponentX {
+export class MotionStreakComp extends ComponentX {
     reset() {
         this.node.instance.reset();
     }
@@ -91,4 +82,4 @@ Object.defineProperty(MaskRender.prototype, 'render', { value: render });
 Object.defineProperty(ParticleComp.prototype, 'render', { value: render });
 Object.defineProperty(GraphicsRender.prototype, 'render', { value: render });
 Object.defineProperty(TiledMap.prototype, 'render', { value: render });
-Object.defineProperty(MotionStreak.prototype, 'render', { value: render });
+Object.defineProperty(MotionStreakComp.prototype, 'render', { value: render });

package/dist/render/RenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAOlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAuBxB;IAED,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAWxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}
+{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAOlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAgBxB;IAED,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAUxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}

package/dist/render/RenderSystem.js

@@ -1,7 +1,7 @@
 import { EventTypes } from 'entityx-ts';
 import { NodeComp } from '../core/NodeComp';
 import { BLUE, RED } from '../polyfills';
-import { GraphicsRender, MaskRender, MotionStreak, NodeRender, ParticleComp, SpriteRender, TiledMap } from './RenderComponent';
+import { GraphicsRender, MaskRender, MotionStreakComp, NodeRender, ParticleComp, SpriteRender, TiledMap } from './RenderComponent';
 import { TiledSprite } from './TiledSprite';
 export var SpriteTypes;
 (function (SpriteTypes) {
@@ -20,7 +20,7 @@ export class RenderSystem {
         event_manager.subscribe(EventTypes.ComponentAdded, GraphicsRender, this.onAddGraphicsRender);
         event_manager.subscribe(EventTypes.ComponentAdded, ParticleComp, this.onAddParticleComp);
         event_manager.subscribe(EventTypes.ComponentAdded, TiledMap, this.onAddTiledMap);
-        event_manager.subscribe(EventTypes.ComponentAdded, MotionStreak, this.onAddMotionStreak);
+        event_manager.subscribe(EventTypes.ComponentAdded, MotionStreakComp, this.onAddMotionStreak);
         event_manager.subscribe(EventTypes.ComponentRemoved, NodeComp, this.onRemovedNodeComp);
     }
     onAddNodeRender = ({ entity }) => {
@@ -30,24 +30,20 @@ export class RenderSystem {
         nodeRenderComp.node = ett.assign(new NodeComp(node, ett));
     };
     onAddSpriteRender = ({ entity, component: spriteComp }) => {
-        const { spriteFrame, type, capInsets, tiledSize } = spriteComp.props;
+        const { spriteFrame, capInsets, tiledSize } = spriteComp.props;
         const frame = cc.spriteFrameCache.getSpriteFrame(spriteFrame);
         // console.log('frame', spriteFrame, frame)
         let node;
-        switch (type) {
-            case SpriteTypes.TILED:
-                node = new TiledSprite({ texture: spriteFrame, width: tiledSize.width, height: tiledSize.height });
-                break;
-            case SpriteTypes.SLICED:
-                {
-                    const rect = cc.rect(...capInsets);
-                    node = new ccui.Scale9Sprite(frame || spriteFrame, rect, rect);
-                    // console.log('Scale9Sprite', node)
-                }
-                break;
-            default:
-                node = new cc.Sprite(frame || spriteFrame);
-                break;
+        if (tiledSize) {
+            node = new TiledSprite({ texture: spriteFrame, width: tiledSize.width, height: tiledSize.height });
+        }
+        else if (capInsets) {
+            const rect = cc.rect(...capInsets);
+            node = new ccui.Scale9Sprite(frame || spriteFrame, rect, rect);
+            // console.log('Scale9Sprite', node)
+        }
+        else {
+            node = new cc.Sprite(frame || spriteFrame);
         }
         const ett = entity;
         spriteComp.node = ett.assign(new NodeComp(node, ett));
@@ -79,14 +75,13 @@ export class RenderSystem {
         const node = new cc.TMXTiledMap(mapFile);
         tiledMapComp.node = entity.assign(new NodeComp(node, entity));
     };
-    onAddMotionStreak = ({ entity }) => {
-        const motionStreakComp = entity.getComponent(MotionStreak);
-        const { spriteFrame, fade, minSeg, stroke, color } = motionStreakComp.props;
+    onAddMotionStreak = ({ entity, component }) => {
+        const { spriteFrame, fade, minSeg, stroke, color } = component.props;
         const node = new cc.MotionStreak(fade || 0.4, // fade (vệt tồn tại 0.4s)
         minSeg || 1, // minSeg
         stroke || 20, // stroke (độ rộng vệt)
         color || cc.color(255, 255, 255, 255), spriteFrame);
-        motionStreakComp.node = entity.assign(new NodeComp(node, entity));
+        component.node = entity.assign(new NodeComp(node, entity));
     };
     onRemovedNodeComp = ({ component }) => {
         const node = component;

package/dist/render/TiledSprite.d.ts

@@ -1,7 +1,13 @@
-export declare const SharedSpritesManager: {
-    isLoaded: boolean;
-    assets: {};
-    loadAssetsOnce: (texPngUrl: any) => Promise<unknown>;
-};
-export declare const TiledSprite: any;
+import { Application, TilingSprite } from 'pixi.js';
+export declare class TiledSprite extends cc.Sprite {
+    _tilingSprite: TilingSprite;
+    _canvas: any;
+    _pixiApp: Application;
+    _texture: cc.Texture2D;
+    constructor(config: any);
+    setContentSize(size: any, height: any): void;
+    setScale(scaleX: any, scaleY?: any): void;
+    _updateRepeat(): void;
+    onExit(): void;
+}
 //# sourceMappingURL=TiledSprite.d.ts.map

package/dist/render/TiledSprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiledSprite.d.ts","sourceRoot":"","sources":["../../src/render/TiledSprite.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;CAgBhC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,GAmExB,CAAA"}
+{"version":3,"file":"TiledSprite.d.ts","sourceRoot":"","sources":["../../src/render/TiledSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAmB,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpE,qBAAa,WAAY,SAAQ,EAAE,CAAC,MAAM;IACxC,aAAa,EAAE,YAAY,CAAA;IAC3B,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAA;gBAEV,MAAM,KAAA;IAoClB,cAAc,CAAC,IAAI,KAAA,EAAE,MAAM,KAAA;IAM3B,QAAQ,CAAC,MAAM,KAAA,EAAE,MAAM,CAAC,KAAA;IAKxB,aAAa;IAeb,MAAM;CAMP"}

package/dist/render/TiledSprite.js

@@ -1,61 +1,53 @@
-export const SharedSpritesManager = {
-    isLoaded: false,
-    assets: {},
-    loadAssetsOnce: function (texPngUrl) {
-        if (this.assets[texPngUrl]) {
-            return;
-        }
-        return new Promise((resolve) => {
-            const loader = new PIXI.Loader();
-            loader.add(texPngUrl).load((loader, resources) => {
-                this.assets[texPngUrl] = resources[texPngUrl].texture;
-                resolve(this.assets[texPngUrl]);
-            });
-        });
-    },
-};
-export const TiledSprite = cc.Sprite.extend({
-    _tilingSprite: null,
-    ctor: function (config) {
-        this._super();
+import { Application, Assets, Texture, TilingSprite } from 'pixi.js';
+export class TiledSprite extends cc.Sprite {
+    _tilingSprite;
+    _canvas;
+    _pixiApp;
+    _texture;
+    constructor(config) {
+        super();
+        super.ctor();
         this._canvas = document.createElement('canvas');
         this._canvas.width = config.width || 1024;
         this._canvas.height = config.height || 1024;
-        this._pixiApp = new PIXI.Application({
+        this._pixiApp = new Application();
+        this._pixiApp
+            .init({
             view: this._canvas,
             width: this._canvas.width,
             height: this._canvas.height,
             backgroundAlpha: 0, // nền trong suốt
-            transparent: true, // bắt buộc để alpha hoạt động
+            // transparent: true, // bắt buộc để alpha hoạt động
             clearBeforeRender: true, // xoá trước khi vẽ frame mới
             preserveDrawingBuffer: true, // giúp lấy ảnh từ canvas
             antialias: true,
+        })
+            .then(() => {
+            Assets.load(config.texture).then(() => {
+                const texture = Texture.from(config.texture);
+                const { width, height } = config;
+                this._tilingSprite = new TilingSprite({ texture, width, height });
+                this._pixiApp.stage.addChild(this._tilingSprite);
+                this._updateRepeat();
+            });
         });
         this._texture = new cc.Texture2D();
         this._texture.initWithElement(this._canvas);
         this._texture.handleLoadedTexture();
         this.initWithTexture(this._texture);
-        this._config = config;
-        this._tilingSprite = null;
-        SharedSpritesManager.loadAssetsOnce(config.texture).then(() => {
-            const texture = PIXI.Texture.from(config.texture);
-            this._tilingSprite = new PIXI.TilingSprite(texture, config.width, config.height);
-            this._pixiApp.stage.addChild(this._tilingSprite);
-            this._updateRepeat();
-        });
-        // this.schedule(this._updateRepeat, 1)
-    },
-    setContentSize: function (size, height) {
+        // this.schedule(this._updateRepeat, 1, Infinity, 0)
+    }
+    setContentSize(size, height) {
         // console.log('setContentSize', size, height)
-        this._super(size, height);
+        super.setContentSize(size, height);
         this._updateRepeat();
-    },
-    setScale: function (scaleX, scaleY) {
-        this._super(scaleX, scaleY);
+    }
+    setScale(scaleX, scaleY) {
+        super.setScale(scaleX, scaleY);
         this._updateRepeat();
-    },
-    _updateRepeat: function () {
-        if (this._tilingSprite) {
+    }
+    _updateRepeat() {
+        if (this._tilingSprite && this._pixiApp.renderer) {
             this._tilingSprite.width = this.width;
             this._tilingSprite.height = this.height;
             this._canvas.width = this.width;
@@ -67,11 +59,11 @@ export const TiledSprite = cc.Sprite.extend({
             // console.log('_texture', this._texture, this)
             this.setTexture(this._texture);
         }
-    },
-    onExit: function () {
-        // this.unschedule(this.updateTexture);
+    }
+    onExit() {
+        this.unschedule(this._updateRepeat);
         this._pixiApp.destroy(true, { children: true });
         this._canvas.remove();
-        this._super();
-    },
-});
+        super.onExit();
+    }
+}

package/dist/spine/PixiSpineSprite.d.ts

@@ -0,0 +1,15 @@
+import { Spine } from '@esotericsoftware/spine-pixi-v8';
+import { Application } from 'pixi.js';
+export declare function loadSpineAssets(skeleton: any, atlas: any, texture: any): Promise<any>;
+export declare class PixiSpineSprite extends cc.Sprite {
+    _canvas: any;
+    _pixiApp: Application;
+    _texture: cc.Texture2D;
+    _config: any;
+    _armatureDisplay: Spine;
+    constructor(config: any);
+    _setupArmature(): void;
+    updateTexture(): void;
+    onExit(): void;
+}
+//# sourceMappingURL=PixiSpineSprite.d.ts.map

package/dist/spine/PixiSpineSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixiSpineSprite.d.ts","sourceRoot":"","sources":["../../src/spine/PixiSpineSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,WAAW,EAAU,MAAM,SAAS,CAAA;AAE7C,wBAAgB,eAAe,CAAC,QAAQ,KAAA,EAAE,KAAK,KAAA,EAAE,OAAO,KAAA,gBAEvD;AAED,qBAAa,eAAgB,SAAQ,EAAE,CAAC,MAAM;IAC5C,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAA;IACtB,OAAO,MAAA;IACP,gBAAgB,EAAE,KAAK,CAAA;gBACX,MAAM,KAAA;IAgClB,cAAc;IAmBd,aAAa;IASb,MAAM;CAMP"}

package/dist/spine/PixiSpineSprite.js

@@ -0,0 +1,70 @@
+import { Spine } from '@esotericsoftware/spine-pixi-v8';
+import { Application, Assets } from 'pixi.js';
+export function loadSpineAssets(skeleton, atlas, texture) {
+    return Assets.load([skeleton, atlas, texture]);
+}
+export class PixiSpineSprite extends cc.Sprite {
+    _canvas;
+    _pixiApp;
+    _texture;
+    _config;
+    _armatureDisplay;
+    constructor(config) {
+        super();
+        super.ctor(); // always call this for compatibility with cocos2dx JS Javascript class system
+        // this.scheduleUpdate()
+        this._canvas = document.createElement('canvas');
+        this._canvas.width = config.width || 1024;
+        this._canvas.height = config.height || 1024;
+        this._pixiApp = new Application();
+        this._pixiApp.init({
+            view: this._canvas,
+            width: this._canvas.width,
+            height: this._canvas.height,
+            backgroundAlpha: 0, // nền trong suốt
+            // transparent: true, // bắt buộc để alpha hoạt động
+            clearBeforeRender: true, // xoá trước khi vẽ frame mới
+            preserveDrawingBuffer: true, // giúp lấy ảnh từ canvas
+            antialias: true,
+        });
+        this._texture = new cc.Texture2D();
+        this._texture.initWithElement(this._canvas);
+        this._texture.handleLoadedTexture();
+        this.initWithTexture(this._texture);
+        this._config = config;
+        this._armatureDisplay = null;
+        this._setupArmature();
+        // this.schedule(this.updateTexture, 1 / 30);
+    }
+    _setupArmature() {
+        const { skeleton, atlas, loop, skin, timeScale, animationName } = this._config;
+        const display = Spine.from({ skeleton, atlas });
+        if (!display) {
+            console.error('Cannot build armature:', skeleton);
+            return;
+        }
+        if (skin) {
+            display.skeleton.setSkin(skin);
+        }
+        display.state.setAnimation(0, animationName, loop);
+        display.x = this._canvas.width / 2;
+        display.y = this._canvas.height;
+        display.state.timeScale = timeScale;
+        this._pixiApp.stage.addChild(display);
+        this._armatureDisplay = display;
+    }
+    updateTexture() {
+        if (this._armatureDisplay && this._pixiApp.renderer) {
+            this._pixiApp.renderer.render(this._pixiApp.stage);
+            this._texture.initWithElement(this._canvas);
+            this._texture.handleLoadedTexture();
+            this.setTexture(this._texture);
+        }
+    }
+    onExit() {
+        // this.unschedule(this.updateTexture);
+        this._pixiApp.destroy(true, { children: true });
+        this._canvas.remove();
+        super.onExit();
+    }
+}

package/dist/spine/index.d.ts

@@ -1,6 +1,6 @@
 import { EntityManager, EventManager, System } from 'entityx-ts';
 import { BaseComponentProps, ComponentX } from '..';
-import { SkeletonAnimation } from './CCSkeletonAnimation';
+import { PixiSpineSprite } from './PixiSpineSprite';
 export interface SpineData {
     atlas: string;
     skeleton: string;
@@ -13,15 +13,14 @@ interface SpineSkeletonProps {
     timeScale?: number;
     loop?: boolean;
 }
-export declare class SpineSkeleton extends ComponentX<SpineSkeletonProps & BaseComponentProps<SpineSkeleton>, SkeletonAnimation> {
+export declare class SpineSkeleton extends ComponentX<SpineSkeletonProps & BaseComponentProps<SpineSkeleton>, PixiSpineSprite> {
     setAnimation(name: string, loop?: boolean): void;
-    setSkeletonData(data: SpineData): void;
 }
 export declare class SpineSystem implements System {
     configure(event_manager: EventManager): void;
     private onAddSpineSkeleton;
-    update(entities: EntityManager, events: EventManager, dt: number): any;
+    update(entities: EntityManager): void;
 }
 export declare function setupSpine(): void;
-export {};
+export * from './PixiSpineSprite';
 //# sourceMappingURL=index.d.ts.map

package/dist/spine/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAElG,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAA+B,MAAM,IAAI,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AACD,qBAAa,aAAc,SAAQ,UAAU,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IACtH,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,UAAQ;IAOvC,eAAe,CAAC,IAAI,EAAE,SAAS;CAKhC;AAED,qBAAa,WAAY,YAAW,MAAM;IACxC,SAAS,CAAC,aAAa,EAAE,YAAY;IAGrC,OAAO,CAAC,kBAAkB,CAYzB;IACD,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE;AAGD,wBAAgB,UAAU,SAGzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAElG,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAA+B,MAAM,IAAI,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AACD,qBAAa,aAAc,SAAQ,UAAU,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC;IACpH,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,UAAQ;CAYxC;AAED,qBAAa,WAAY,YAAW,MAAM;IACxC,SAAS,CAAC,aAAa,EAAE,YAAY;IAGrC,OAAO,CAAC,kBAAkB,CAczB;IACD,MAAM,CAAC,QAAQ,EAAE,aAAa;CAS/B;AAGD,wBAAgB,UAAU,SAEzB;AACD,cAAc,mBAAmB,CAAA"}

package/dist/spine/index.js

@@ -1,42 +1,45 @@
 import { EventTypes } from 'entityx-ts';
 import { ComponentX, GameWorld, NodeComp, render } from '..';
-import { SkeletonAnimation } from './CCSkeletonAnimation';
+import { PixiSpineSprite } from './PixiSpineSprite';
 export class SpineSkeleton extends ComponentX {
     setAnimation(name, loop = false) {
         const skel = this.node.instance;
-        if (skel.setAnimation) {
-            skel.setAnimation(0, name, loop);
+        if (skel._armatureDisplay.state.setAnimation) {
+            skel._armatureDisplay.state.setAnimation(0, name, loop);
         }
     }
-    setSkeletonData(data) {
-        const skel = this.node.instance;
-        const { atlas, skeleton } = data;
-        skel.initWithArgs(skeleton, atlas);
-    }
 }
 export class SpineSystem {
     configure(event_manager) {
         event_manager.subscribe(EventTypes.ComponentAdded, SpineSkeleton, this.onAddSpineSkeleton);
     }
-    onAddSpineSkeleton = ({ entity, component: spineComp }) => {
+    onAddSpineSkeleton = async ({ entity, component: spineComp }) => {
         const { data, skin, animation, loop = true, timeScale = 1 } = spineComp.props;
-        const { atlas, skeleton } = data;
-        // console.log('spineComp', spineComp)
-        const node = SkeletonAnimation.createWithJsonFile(skeleton, atlas, timeScale);
-        if (skin) {
-            node.setSkin(skin);
-        }
-        if (animation) {
-            node.setAnimation(0, animation, loop);
-        }
+        const { atlas, skeleton, texture } = data;
+        // console.log('spineComp', data)
+        const node = new PixiSpineSprite({
+            skeleton,
+            atlas,
+            texture,
+            animationName: animation,
+            loop,
+            skin,
+            timeScale,
+        });
         spineComp.node = entity.assign(new NodeComp(node, entity));
     };
-    update() {
-        // throw new Error('Method not implemented.');
+    update(entities) {
+        const animations = entities.entities_with_components(SpineSkeleton);
+        animations.forEach((ett) => {
+            const spine = ett.getComponent(SpineSkeleton);
+            if (spine.node && spine.node.active) {
+                spine.node.instance.updateTexture();
+            }
+        });
     }
 }
 Object.defineProperty(SpineSkeleton.prototype, 'render', { value: render });
 export function setupSpine() {
-    GameWorld.Instance.systems.addThenConfigure(SpineSystem);
-    // GameWorld.Instance.listUpdate.push(SpineSystem)
+    GameWorld.Instance.addSystemAndUpdate(SpineSystem);
 }
+export * from './PixiSpineSprite';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/cocos",
-  "version": "2.1.9",
+  "version": "2.2.2",
   "description": "safe-engine with cocos renderer support",
   "type": "module",
   "main": "dist/index.js",
@@ -21,12 +21,12 @@
     "typescript": "^5.9.2"
   },
   "dependencies": {
-    "@esotericsoftware/spine-core": "^4.2.89",
-    "cocos-html5-ts": "^1.2.2",
+    "@esotericsoftware/spine-pixi-v8": "^4.2.90",
     "box2d-wasm": "^7.0.0",
+    "cocos-html5-ts": "^1.2.2",
+    "dragonbones-pixijs": "^1.0.5",
     "entityx-ts": "^2.3.1",
-    "pixi.js": "5.3.12",
-    "pixi5-dragonbones": "5.7.0-2b"
+    "pixi.js": "^8.13.2"
   },
   "author": "",
   "license": "ISC"