feature/#215-dexie-caching-implementation

src/composables/zoneComposable.ts

@@ -4,6 +4,7 @@ import TilemapLayer = Phaser.Tilemaps.TilemapLayer
 import Tileset = Phaser.Tilemaps.Tileset
 import Tile = Phaser.Tilemaps.Tile
 import { useGameStore } from '@/stores/gameStore'
+import { useAssetManager } from '@/utilities/assets'
 
 export function getTile(layer: TilemapLayer | Tilemap, x: number, y: number): Tile | undefined {
   const tile = layer.getTileAtWorldXY(x, y)
@@ -89,17 +90,35 @@ export const clearAssets = (scene: Phaser.Scene) => {
 
 export const loadAssets = (scene: Phaser.Scene): Promise<void> => {
   return new Promise((resolve) => {
-    const gameStore = useGameStore()
+    let assetManager = useAssetManager
     let addedLoad = false
 
-    gameStore.assets.forEach((asset) => {
-      if (scene.load.textureManager.exists(asset.key)) return
-      addedLoad = true
-      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)
-      }
+    assetManager.getAssetsByGroup('tiles').then((assets) => {
+      assets.forEach((asset) => {
+        if (scene.load.textureManager.exists(asset.key)) return
+        addedLoad = true
+        scene.textures.addBase64(asset.key, asset.data)
+      })
+    })
+
+    assetManager.getAssetsByGroup('objects').then((assets) => {
+      assets.forEach((asset) => {
+        if (scene.load.textureManager.exists(asset.key)) return
+        addedLoad = true
+        scene.textures.addBase64(asset.key, asset.data)
+      })
+    })
+
+    assetManager.getAssetsByGroup('sprites').then((assets) => {
+      assets.forEach((asset) => {
+        if (scene.load.textureManager.exists(asset.key)) return
+        let img = new Image();
+        img.onload = () => {
+          scene.textures.addSpriteSheet(asset.key, img, { frameWidth: asset.frameWidth ?? 0, frameHeight: asset.frameHeight ?? 0 })
+        };
+        img.src = asset.data;
+        addedLoad = true
+      })
     })
 
     if (addedLoad) {