@safe-engine/cocos 2.3.4 → 2.3.5

package/dist/spine/PixiSpineSprite.js

@@ -0,0 +1,72 @@
+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._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._setupSpine();
+    }
+    _setupSpine() {
+        const { skeleton, atlas, loop, skin, timeScale, animationName } = this._config;
+        // console.log('_setupSpine', this._config, Assets.get(this._config.texture))
+        const display = Spine.from({ skeleton, atlas, scale: timeScale });
+        if (!display) {
+            console.error('Cannot build spine:', skeleton);
+            return;
+        }
+        if (skin) {
+            const skeletonData = display.skeleton.data;
+            const newSkin = skeletonData.findSkin(skin);
+            display.skeleton.setSkin(newSkin);
+            display.skeleton.setSlotsToSetupPose();
+        }
+        if (animationName)
+            display.state.setAnimation(0, animationName, loop);
+        display.x = this._canvas.width / 2;
+        display.y = this._canvas.height;
+        this._pixiApp.stage.addChild(display);
+        this._armatureDisplay = display;
+    }
+    updateTexture() {
+        if (this._armatureDisplay && this._pixiApp.renderer && this._texture) {
+            this._pixiApp.renderer.render(this._pixiApp.stage);
+            this._texture.initWithElement(this._canvas);
+            this._texture.handleLoadedTexture();
+            // console.log('updateTexture', this._texture.getPixelsHigh(), this._texture.getPixelsWide())
+            this.setTexture(this._texture);
+        }
+    }
+    onExit() {
+        // console.log('onExit')
+        this._pixiApp.destroy(true, { children: true });
+        this._canvas.remove();
+        super.onExit();
+    }
+}

package/dist/spine/spine-cocos/CCSkeletonAnimation.d.ts

@@ -1,5 +1,6 @@
 import { Animation, AnimationState, AnimationStateData } from '@esotericsoftware/spine-core';
 import { CCSkeleton } from './CCSkeleton';
+import { SkeletonTexture } from './CCSkeletonTexture';
 /****************************************************************************
  Copyright (c) 2011-2012 cocos2d-x.org
  Copyright (c) 2013-2014 Chukong Technologies Inc.
@@ -28,7 +29,7 @@ import { CCSkeleton } from './CCSkeleton';
 export declare const _atlasLoader: {
     spAtlasFile: any;
     setAtlasFile: (spAtlasFile: any) => void;
-    load: (line: any) => any;
+    load: (line: any) => SkeletonTexture;
     unload: () => void;
 };
 /**

package/dist/spine/spine-cocos/CCSkeletonAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CCSkeletonAnimation.d.ts","sourceRoot":"","sources":["../../../src/spine/spine-cocos/CCSkeletonAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAKnB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;8EAwB8E;AAE9E,eAAO,MAAM,YAAY;;;;;CAaxB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAiB/B,CAAA;AAiED;;;;;;;GAOG;AAEH,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,IAAI,IAAI,OAAO;IAOf,qBAAqB,CAAC,SAAS,EAAE,kBAAkB;IAOnD,MAAM,CAAC,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM;IAIzE,oBAAoB,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAMpD,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAS5D,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM;IAU5E,aAAa,CAAC,IAAI,EAAE,MAAM;IAI1B,UAAU,CAAC,UAAU,EAAE,MAAM;IAI7B,WAAW;IAIX,UAAU,CAAC,UAAU,EAAE,MAAM;IAI7B,MAAM,CAAC,EAAE,EAAE,MAAM;IAcjB,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,oBAAoB,CAAC,QAAQ,EAAE,QAAQ;IAIvC,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAIjC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;IAIrC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ;IAItC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,qBAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIpD,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIxD,mBAAmB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIlD,uBAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAItD,wBAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIvD,qBAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIpD,QAAQ;IAIR,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG;IAI5E,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG;CAc/E"}
+{"version":3,"file":"CCSkeletonAnimation.d.ts","sourceRoot":"","sources":["../../../src/spine/spine-cocos/CCSkeletonAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAKnB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD;;;;;;;;;;;;;;;;;;;;;;;;8EAwB8E;AAE9E,eAAO,MAAM,YAAY;;;;;CAaxB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAiB/B,CAAA;AAiED;;;;;;;GAOG;AAEH,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,IAAI,IAAI,OAAO;IAOf,qBAAqB,CAAC,SAAS,EAAE,kBAAkB;IAOnD,MAAM,CAAC,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM;IAIzE,oBAAoB,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAMpD,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;IAS5D,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM;IAU5E,aAAa,CAAC,IAAI,EAAE,MAAM;IAI1B,UAAU,CAAC,UAAU,EAAE,MAAM;IAI7B,WAAW;IAIX,UAAU,CAAC,UAAU,EAAE,MAAM;IAI7B,MAAM,CAAC,EAAE,EAAE,MAAM;IAcjB,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,oBAAoB,CAAC,QAAQ,EAAE,QAAQ;IAIvC,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAIjC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;IAIrC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ;IAItC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAInC,qBAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIpD,yBAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIxD,mBAAmB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIlD,uBAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAItD,wBAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIvD,qBAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;IAIpD,QAAQ;IAIR,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG;IAI5E,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG;CAc/E"}

package/dist/spine/spine-cocos/CCSkeletonAnimation.js

@@ -35,7 +35,7 @@ export const _atlasLoader = {
     load: function (line) {
         const texturePath = cc.path.join(cc.path.dirname(this.spAtlasFile), line);
         const texture = cc.textureCache.addImage(texturePath);
-        const tex = new SkeletonTexture();
+        const tex = new SkeletonTexture({ width: texture.getPixelsWide(), height: texture.getPixelsHigh() });
         tex.setRealTexture(texture);
         return tex;
     },

package/dist/spine/spine-cocos/CCSkeletonTexture.d.ts

@@ -21,5 +21,16 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  THE SOFTWARE.
  ****************************************************************************/
-export declare const SkeletonTexture: () => void;
+import { Texture } from '@esotericsoftware/spine-core';
+export declare class SkeletonTexture extends Texture {
+    constructor(image: any);
+    name: string;
+    _texture: any;
+    setRealTexture(tex: any): void;
+    getRealTexture(): any;
+    setFilters(minFilter: any, magFilter: any): void;
+    setWraps(uWrap: any, vWrap: any): void;
+    dispose(): void;
+    bind(): void;
+}
 //# sourceMappingURL=CCSkeletonTexture.d.ts.map

package/dist/spine/spine-cocos/CCSkeletonTexture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CCSkeletonTexture.d.ts","sourceRoot":"","sources":["../../../src/spine/spine-cocos/CCSkeletonTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;8EAsB8E;AAI9E,eAAO,MAAM,eAAe,YAE3B,CAAA"}
+{"version":3,"file":"CCSkeletonTexture.d.ts","sourceRoot":"","sources":["../../../src/spine/spine-cocos/CCSkeletonTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;8EAsB8E;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAEtD,qBAAa,eAAgB,SAAQ,OAAO;gBAC9B,KAAK,KAAA;IAGjB,IAAI,SAAoB;IACxB,QAAQ,MAAO;IAEf,cAAc,CAAC,GAAG,KAAA;IAIlB,cAAc;IAId,UAAU,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA;IAS/B,QAAQ,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;IASrB,OAAO;IAEP,IAAI;CAKL"}

package/dist/spine/spine-cocos/CCSkeletonTexture.js

@@ -22,39 +22,38 @@
  THE SOFTWARE.
  ****************************************************************************/
 import { Texture } from '@esotericsoftware/spine-core';
-export const SkeletonTexture = function () {
-    // Texture.call(this, image);
-};
-cc.inherits(SkeletonTexture, Texture);
-cc.extend(SkeletonTexture.prototype, {
-    name: 'SkeletonTexture',
-    _texture: null,
-    setRealTexture: function (tex) {
+export class SkeletonTexture extends Texture {
+    constructor(image) {
+        super(image);
+    }
+    name = 'SkeletonTexture';
+    _texture = null;
+    setRealTexture(tex) {
         this._texture = tex;
-    },
-    getRealTexture: function () {
+    }
+    getRealTexture() {
         return this._texture;
-    },
-    setFilters: function (minFilter, magFilter) {
+    }
+    setFilters(minFilter, magFilter) {
         if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
             const gl = cc._renderContext;
             this.bind();
             gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, minFilter);
             gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, magFilter);
         }
-    },
-    setWraps: function (uWrap, vWrap) {
+    }
+    setWraps(uWrap, vWrap) {
         if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
             const gl = cc._renderContext;
             this.bind();
             gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, uWrap);
             gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, vWrap);
         }
-    },
-    dispose: function () { },
-    bind: function () {
+    }
+    dispose() { }
+    bind() {
         if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
             cc.glBindTexture2D(this._texture);
         }
-    },
-});
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/cocos",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "description": "safe-engine with cocos renderer support",
   "type": "module",
   "main": "dist/index.js",
@@ -18,13 +18,13 @@
     "build": "tsc"
   },
   "devDependencies": {
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "@cocos/dragonbones-js": "^1.0.2",
     "@esotericsoftware/spine-core": "^4.2.93",
     "box2d-wasm": "^7.0.0",
-    "cocos-html5-ts": "^1.2.4",
+    "cocos-html5-ts": "^2.0.1",
     "entityx-ts": "^2.3.1"
   },
   "author": "",