@safe-engine/pixi 8.8.5 → 8.8.6

package/dist/tiledmap/TiledMapComp.d.ts

@@ -0,0 +1,12 @@
+import { Tilemap } from '@pixi/tilemap';
+import { BaseComponentProps } from '..';
+import { ComponentX } from '../components/BaseComponent';
+interface TiledMapCompProps extends BaseComponentProps<TiledMapComp> {
+    mapUrl: string;
+}
+export declare class TiledMapComp extends ComponentX<TiledMapCompProps, Tilemap> {
+    getPositionAt(x: number, y: number): import("@pixi/tilemap/lib/TileTextureArray").TileTextureArray;
+    render(): this;
+}
+export {};
+//# sourceMappingURL=TiledMapComp.d.ts.map

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

@@ -0,0 +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,EAAE,kBAAkB,EAAuB,MAAM,IAAI,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAGxD,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,YAAY,CAAC;IAClE,MAAM,EAAE,MAAM,CAAA;CACf;AAED,qBAAa,YAAa,SAAQ,UAAU,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACtE,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAIlC,MAAM;CAQP"}

package/dist/tiledmap/TiledMapComp.js

@@ -0,0 +1,16 @@
+import { GameWorld, NodeComp } from '..';
+import { ComponentX } from '../components/BaseComponent';
+import { loadIsometricMap } from './tield';
+export class TiledMapComp extends ComponentX {
+    getPositionAt(x, y) {
+        return this.node.instance.getTileset();
+    }
+    render() {
+        const tiledMap = loadIsometricMap(this.props.mapUrl);
+        const world = GameWorld.Instance;
+        const entity = world.entities.create();
+        entity.assign(new NodeComp(tiledMap, entity));
+        const comp = entity.assign(this);
+        return comp;
+    }
+}

package/dist/tiledmap/index.d.ts

@@ -0,0 +1,2 @@
+export declare function setupTiledMap(): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tiledmap/index.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,SAE5B"}

package/dist/tiledmap/index.js

@@ -0,0 +1,5 @@
+import { registerSystem } from '../helper/utils';
+import { TiledMapComp } from './TiledMapComp';
+export function setupTiledMap() {
+    registerSystem(TiledMapComp);
+}

package/dist/tiledmap/tield.d.ts

@@ -0,0 +1,3 @@
+import { Tilemap } from '@pixi/tilemap';
+export declare function loadIsometricMap(mapUrl: string): Tilemap;
+//# sourceMappingURL=tield.d.ts.map

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

@@ -0,0 +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"}

package/dist/tiledmap/tield.js

@@ -0,0 +1,36 @@
+import { Tilemap } from '@pixi/tilemap';
+import { Assets, Rectangle, Texture } from 'pixi.js';
+export function loadIsometricMap(mapUrl) {
+    const mapData = Assets.get(mapUrl);
+    const tileset = mapData.tilesets[0];
+    const baseDir = mapUrl.split('/').slice(0, -1).join('/');
+    const tilesetImageUrl = `${baseDir}/${tileset.image}`;
+    const tilesetTexture = Assets.get(tilesetImageUrl);
+    const baseTexture = tilesetTexture.baseTexture;
+    const tileW = tileset.tilewidth;
+    const tileH = tileset.tileheight;
+    const cols = tileset.columns;
+    const firstGid = tileset.firstgid;
+    const tilemap = new Tilemap(baseTexture);
+    for (const layer of mapData.layers) {
+        if (layer.type !== 'tilelayer')
+            continue;
+        const data = layer.data;
+        for (let i = 0; i < data.length; i++) {
+            const gid = data[i];
+            if (gid === 0)
+                continue;
+            const tileId = gid - firstGid;
+            const frameX = (tileId % cols) * tileW;
+            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 texture = new Texture({ source: baseTexture, frame: new Rectangle(frameX, frameY, tileW, tileH) });
+            tilemap.tile(texture, screenX, screenY);
+        }
+    }
+    return tilemap;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-engine/pixi",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "safex pixi plugin",
   "type": "module",
   "main": "dist/index.js",
@@ -18,6 +18,7 @@
   "license": "ISC",
   "dependencies": {
     "@esotericsoftware/spine-core": "^4.2.94",
+    "@pixi/tilemap": "^5.0.2",
     "@pixi/ui": "^2.2.7",
     "box2d-wasm": "^7.0.0",
     "entityx-ts": "^2.3.1",