feat: #fe preload spritesheets

frontend/src/js/fight_scene.ts

@@ -59,7 +59,6 @@ export default class FightScene extends Phaser.Scene {
   }
 
   preload() {
-    this.preloadSprites();
     this.preloadSoundsEffects();
     this.preloadMusicThemes();
   }
@@ -79,26 +78,6 @@ export default class FightScene extends Phaser.Scene {
     this.load.audio("bkg_main_3", MFX.LoopThree);
   }
 
-  preloadSprites() {
-    this.load.spritesheet(SpriteSheets.BearWalk);
-    this.load.spritesheet(SpriteSheets.BearRun);
-    this.load.spritesheet(SpriteSheets.BoarWalk);
-    this.load.spritesheet(SpriteSheets.BoarRun);
-    this.load.spritesheet(SpriteSheets.DeerWalk);
-    this.load.spritesheet(SpriteSheets.DeerRun);
-    this.load.spritesheet(SpriteSheets.FoxWalk);
-    this.load.spritesheet(SpriteSheets.FoxRun);
-    this.load.spritesheet(SpriteSheets.HorseWalk);
-    this.load.spritesheet(SpriteSheets.HorseRun);
-    this.load.spritesheet(SpriteSheets.RabbitWalk);
-    this.load.spritesheet(SpriteSheets.RabbitRun);
-    this.load.spritesheet(SpriteSheets.WolfWalk);
-    this.load.spritesheet(SpriteSheets.WolfRun);
-    this.load.spritesheet(SpriteSheets.Oetzi);
-    this.load.spritesheet(SpriteSheets.SpearStill);
-    this.load.spritesheet(SpriteSheets.SpearWobble);
-  }
-
   init() {
     this.score = 0;
     this.health = 100;

frontend/src/js/loading_scene.ts

 import "phaser";
-import { BackgroundImages } from "./assets";
+import { BackgroundImages, SpriteSheets } from "./assets";
 export default class LoadingScene extends Phaser.Scene {
   progressBar!: Phaser.GameObjects.Graphics;
   progressBox!: Phaser.GameObjects.Graphics;
@@ -25,6 +25,9 @@ export default class LoadingScene extends Phaser.Scene {
     Object.values(BackgroundImages).forEach((config) =>
       this.load.image(config),
     );
+    Object.values(SpriteSheets).forEach((config) =>
+      this.load.spritesheet(config),
+    );
   }
 
   drawBar(