@safe-engine/pixi 8.8.7 → 8.8.8

package/dist/spine/SpineComponent.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '..';
+import { BaseComponentProps, Vec2 } from '..';
 import { ComponentX } from '../components/BaseComponent';
 import { Spine } from './lib';
 interface SpineData {
@@ -17,5 +17,12 @@ export declare class SpineSkeleton extends ComponentX<SpineSkeletonProps, Spine>
     setAnimation(name: string, loop?: boolean): void;
     setSkeletonData(data: SpineData): void;
 }
+interface SpineBonesControlComponentProps extends BaseComponentProps<SpineBonesControlComponent> {
+    posList: Vec2[];
+    bonesName: string[];
+}
+export declare class SpineBonesControlComponent extends ComponentX<SpineBonesControlComponentProps, Spine> {
+    start(): void;
+}
 export {};
 //# sourceMappingURL=SpineComponent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpineComponent.d.ts","sourceRoot":"","sources":["../../src/spine/SpineComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAA;AACvC,OAAO,EAAE,UAAU,EAAU,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,kBAAmB,SAAQ,kBAAkB,CAAC,aAAa,CAAC;IACpE,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,EAAE,KAAK,CAAC;IACtE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,UAAQ;IAOvC,eAAe,CAAC,IAAI,EAAE,SAAS;CAKhC"}
+{"version":3,"file":"SpineComponent.d.ts","sourceRoot":"","sources":["../../src/spine/SpineComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAkB,IAAI,EAAE,MAAM,IAAI,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAU,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,kBAAmB,SAAQ,kBAAkB,CAAC,aAAa,CAAC;IACpE,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,EAAE,KAAK,CAAC;IACtE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,UAAQ;IAOvC,eAAe,CAAC,IAAI,EAAE,SAAS;CAKhC;AAID,UAAU,+BAAgC,SAAQ,kBAAkB,CAAC,0BAA0B,CAAC;IAC9F,OAAO,EAAE,IAAI,EAAE,CAAA;IACf,SAAS,EAAE,MAAM,EAAE,CAAA;CACpB;AACD,qBAAa,0BAA2B,SAAQ,UAAU,CAAC,+BAA+B,EAAE,KAAK,CAAC;IAChG,KAAK;CAYN"}

package/dist/spine/SpineComponent.js

@@ -1,3 +1,4 @@
+import { registerSystem } from '..';
 import { ComponentX, render } from '../components/BaseComponent';
 export class SpineSkeleton extends ComponentX {
     setAnimation(name, loop = false) {
@@ -13,3 +14,18 @@ export class SpineSkeleton extends ComponentX {
     }
 }
 Object.defineProperty(SpineSkeleton.prototype, 'render', { value: render });
+export class SpineBonesControlComponent extends ComponentX {
+    start() {
+        const skel = this.node.getComponent(SpineSkeleton).node.instance;
+        const { bonesName = [], posList = [] } = this.props;
+        bonesName.forEach((boneName, index) => {
+            const bone = skel.skeleton.findBone(boneName);
+            if (bone) {
+                const pos = posList[index];
+                bone.x = pos.x;
+                bone.y = pos.y;
+            }
+        });
+    }
+}
+registerSystem(SpineBonesControlComponent);

package/dist/tiledmap/TiledMapComp.d.ts

@@ -6,7 +6,7 @@ interface TiledMapCompProps extends BaseComponentProps<TiledMapComp> {
 }
 export declare class TiledMapComp extends ComponentX<TiledMapCompProps, Tilemap> {
     mapData: any;
-    getPositionAt(x: number, ty: number): {
+    getPositionAt(tx: number, ty: number): {
         x: number;
         y: number;
         equals(other: /*elided*/ any): boolean;

package/dist/tiledmap/TiledMapComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiledMapComp.d.ts","sourceRoot":"","sources":["../../src/tiledmap/TiledMapComp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAU,kBAAkB,EAAuB,IAAI,EAAE,MAAM,IAAI,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAGxD,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAClE,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,GAAG,CAAA;IACZ,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;IASnC,MAAM;CASP"}
+{"version":3,"file":"TiledMapComp.d.ts","sourceRoot":"","sources":["../../src/tiledmap/TiledMapComp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAU,kBAAkB,EAAuB,IAAI,EAAE,MAAM,IAAI,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAGxD,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAClE,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,GAAG,CAAA;IAEZ,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;IAKpC,MAAM;CASP"}

package/dist/tiledmap/TiledMapComp.js

@@ -1,14 +1,10 @@
 import { Assets, GameWorld, NodeComp, Vec2 } from '..';
 import { ComponentX } from '../components/BaseComponent';
-import { loadIsometricMap } from './tield';
+import { loadIsometricMap, tileToPixel } from './tield';
 export class TiledMapComp extends ComponentX {
-    getPositionAt(x, ty) {
-        const mapData = this.mapData;
-        const tx = x + 1;
-        // Chuyển sang toạ độ isometric
-        const screenX = (tx - ty) * (mapData.tilewidth / 2);
-        const screenY = (tx + ty) * (mapData.tileheight / 2);
-        return Vec2(screenX, screenY);
+    getPositionAt(tx, ty) {
+        const pos = tileToPixel(this.mapData, tx + 1, ty);
+        return Vec2(pos);
     }
     render() {
         this.mapData = Assets.get(this.props.mapFile);

package/dist/tiledmap/tield.d.ts

@@ -1,3 +1,7 @@
 import { Tilemap } from '@pixi/tilemap';
+export declare function tileToPixel(map: any, tx: any, ty: any): {
+    x: number;
+    y: number;
+};
 export declare function loadIsometricMap(mapUrl: string): Tilemap;
 //# sourceMappingURL=tield.d.ts.map

package/dist/tiledmap/tield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tield.d.ts","sourceRoot":"","sources":["../../src/tiledmap/tield.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,WAoC9C"}
+{"version":3,"file":"tield.d.ts","sourceRoot":"","sources":["../../src/tiledmap/tield.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,wBAAgB,WAAW,CAAC,GAAG,KAAA,EAAE,EAAE,KAAA,EAAE,EAAE,KAAA;;;EA0BtC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,WAiC9C"}

package/dist/tiledmap/tield.js

@@ -1,5 +1,29 @@
 import { Tilemap } from '@pixi/tilemap';
 import { Assets, Rectangle, Texture } from 'pixi.js';
+export function tileToPixel(map, tx, ty) {
+    const tw = map.tilewidth;
+    const th = map.tileheight;
+    const { orientation, staggeraxis, staggerindex } = map;
+    switch (orientation) {
+        case 'orthogonal':
+            return { x: tx * tw, y: ty * th };
+        case 'isometric':
+            return { x: (tx - ty) * (tw / 2), y: (tx + ty) * (th / 2) };
+        case 'staggered':
+            if (staggeraxis === 'x') {
+                const odd = staggerindex === 'odd';
+                const offset = tx % 2 === (odd ? 1 : 0) ? th / 2 : 0;
+                return { x: tx * (tw / 2), y: ty * th + offset };
+            }
+            else {
+                const odd = staggerindex === 'odd';
+                const offset = ty % 2 === (odd ? 1 : 0) ? tw / 2 : 0;
+                return { x: tx * tw + offset, y: ty * (th / 2) };
+            }
+        default:
+            throw new Error(`Unknown map type: ${orientation}`);
+    }
+}
 export function loadIsometricMap(mapUrl) {
     const mapData = Assets.get(mapUrl);
     const tileset = mapData.tilesets[0];
@@ -25,11 +49,9 @@ export function loadIsometricMap(mapUrl) {
             const frameY = Math.floor(tileId / cols) * tileH;
             const tx = i % mapData.width;
             const ty = Math.floor(i / mapData.width);
-            // Chuyển sang toạ độ isometric
-            const screenX = (tx - ty) * (mapData.tilewidth / 2);
-            const screenY = (tx + ty) * (mapData.tileheight / 2);
+            const { x, y } = tileToPixel(mapData, tx, ty);
             const texture = new Texture({ source: baseTexture, frame: new Rectangle(frameX, frameY, tileW, tileH) });
-            tilemap.tile(texture, screenX, screenY);
+            tilemap.tile(texture, x, y);
         }
     }
     return tilemap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "8.8.7",
+  "version": "8.8.8",
   "description": "safex pixi plugin",
   "type": "module",
   "main": "dist/index.js",