@safe-engine/pixi 8.8.4 → 8.8.6

package/dist/app.d.ts

@@ -3,5 +3,5 @@ export declare function startGame(defaultFont: any, designedResolution: {
     width: number;
     height: number;
 }, assetManager: AssetsClass, id?: string): Promise<Application<Renderer>>;
-export declare function loadAll(assets: any, cb?: (progress: number) => void): Promise<void>;
+export declare function loadAll(assets: any, cb?: (progress: number) => void): Promise<any>;
 //# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMpE,wBAAsB,SAAS,CAC7B,WAAW,KAAA,EACX,kBAAkB;;;CAA+B,EACjD,YAAY,EAAE,WAAW,EACzB,EAAE,SAAe,GAChB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CA6BhC;AAqBD,wBAAgB,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,iBAuBnE"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMpE,wBAAsB,SAAS,CAC7B,WAAW,KAAA,EACX,kBAAkB;;;CAA+B,EACjD,YAAY,EAAE,WAAW,EACzB,EAAE,SAAe,GAChB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CA6BhC;AAqBD,wBAAgB,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,gBAenE"}

package/dist/app.js

@@ -63,13 +63,9 @@ function initWorld(defaultFont) {
 }
 export function loadAll(assets, cb) {
     const allAssets = [];
-    const fontBundle = {};
     Object.values(assets).forEach((value) => {
         if (value.skeleton) {
-            allAssets.push(value.skeleton);
-        }
-        else if (value.atlas) {
-            allAssets.push(value.atlas);
+            allAssets.push(value.skeleton, value.atlas);
             if (value.texture) {
                 allAssets.push(value.texture);
             }
@@ -77,15 +73,9 @@ export function loadAll(assets, cb) {
                 allAssets.push(value.atlas.replace('.atlas', '.png'));
             }
         }
-        else if (value.endsWith('.ttf')) {
-            fontBundle[value] = value;
-        }
         else {
             allAssets.push(value);
         }
     });
-    Assets.addBundle('fonts', fontBundle);
-    return Promise.all([Assets.loadBundle('fonts')]).then(() => __awaiter(this, void 0, void 0, function* () {
-        yield Assets.load(allAssets, cb);
-    }));
+    return Assets.load(allAssets, cb);
 }

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.4",
+  "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",