feat: #fe add horse critter

frontend/src/js/assets.ts

@@ -40,6 +40,8 @@ import DeerWalkURL from "url:/public/assets/sprites/animals/Deer_Walk.png";
 import DeerRunURL from "url:/public/assets/sprites/animals/Deer_Run.png";
 import FoxWalkURL from "url:/public/assets/sprites/animals/Fox_Walk.png";
 import FoxRunURL from "url:/public/assets/sprites/animals/Fox_Run.png";
+import HorseWalkURL from "url:/public/assets/sprites/animals/Horse_Walk.png";
+import HorseRunURL from "url:/public/assets/sprites/animals/Horse_Run.png";
 import RabbitWalkURL from "url:/public/assets/sprites/animals/Rabbit_Walk.png";
 import RabbitRunURL from "url:/public/assets/sprites/animals/Rabbit_Run.png";
 import WolfWalkURL from "url:/public/assets/sprites/animals/Wolf_Walk.png";
@@ -78,6 +80,16 @@ export const SpriteSheets: {
     url: DeerRunURL as string,
     frameConfig: { frameWidth: 72, frameHeight: 52 },
   },
+  HorseWalk: {
+    key: "HorseWalk",
+    url: HorseWalkURL as string,
+    frameConfig: { frameWidth: 60, frameHeight: 33 },
+  },
+  HorseRun: {
+    key: "HorseRun",
+    url: HorseRunURL as string,
+    frameConfig: { frameWidth: 60, frameHeight: 33 },
+  },
   FoxWalk: {
     key: "FoxWalk",
     url: FoxWalkURL as string,

frontend/src/js/critter.ts

 import "phaser";
 import FightScene from "./fight_scene";
 
-const SPECIES = ["Bear", "Boar", "Deer", "Fox", "Rabbit", "Wolf"];
+const SPECIES = ["Bear", "Boar", "Deer", "Fox", "Horse", "Rabbit", "Wolf"];
 
 enum CritterState {
   Moving,

frontend/src/js/fight_scene.ts

@@ -101,6 +101,8 @@ export default class FightScene extends Phaser.Scene {
     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);
@@ -309,6 +311,8 @@ export default class FightScene extends Phaser.Scene {
     this.anims.create({ key: "DeerWalk", frames: "DeerWalk", ...defaults });
     this.anims.create({ key: "FoxRun", frames: "FoxRun", ...defaults });
     this.anims.create({ key: "FoxWalk", frames: "FoxWalk", ...defaults });
+    this.anims.create({ key: "HorseRun", frames: "HorseRun", ...defaults });
+    this.anims.create({ key: "HorseWalk", frames: "HorseWalk", ...defaults });
     this.anims.create({ key: "RabbitRun", frames: "RabbitRun", ...defaults });
     this.anims.create({ key: "RabbitWalk", frames: "RabbitWalk", ...defaults });
     this.anims.create({ key: "WolfRun", frames: "WolfRun", ...defaults });