Removed broken logic @TODO. replace with working logic :(

src/services/zone.ts

@@ -2,6 +2,7 @@ import config from '@/config'
 import Tilemap = Phaser.Tilemaps.Tilemap
 import TilemapLayer = Phaser.Tilemaps.TilemapLayer
 import Tileset = Phaser.Tilemaps.Tileset
+import { useAssetStore } from '@/stores/assets'
 
 export function getTile(x: number, y: number, layer: Phaser.Tilemaps.TilemapLayer): Phaser.Tilemaps.Tile | undefined {
   const tile: Phaser.Tilemaps.Tile = layer.getTileAtWorldXY(x, y)
@@ -56,3 +57,16 @@ export const sortByIsometricDepth = <T extends { positionX: number; positionY: n
     return calculateIsometricDepth(a.positionX, a.positionY, 0, 0) - calculateIsometricDepth(b.positionX, b.positionY, 0, 0)
   })
 }
+
+export const loadAssets = (scene: Phaser.Scene) => {
+  const assetStore = useAssetStore()
+  assetStore.assets.forEach((asset) => {
+    if (asset.group === 'sprite_animations') {
+      scene.load.spritesheet(asset.key, config.server_endpoint + asset.url, { frameWidth: asset.frameWidth ?? 0, frameHeight: asset.frameHeight ?? 0 })
+    } else {
+      scene.load.image(asset.key, config.server_endpoint + asset.url)
+    }
+  })
+
+  scene.load.start()
+}