feat: #fe flash critter on hit

frontend/src/js/critter.ts

@@ -82,6 +82,11 @@ class Critter extends Phaser.Physics.Arcade.Sprite {
     this.play({ key: this.species + "_run", repeat: -1 });
     this.body.setVelocity(3 * this.baseVelocity, 0);
   }
+
+  hitFlash() {
+    this.setTintFill(0xcc0000);
+    this.scene.time.delayedCall(100, () => this.clearTint());
+  }
 }
 
 export default Critter;

frontend/src/js/spear.ts

 import "phaser";
 import FightScene from "./fight_scene";
+import Critter from "./critter";
 
 import { GRAVITY_Y } from "./game";
 import newtonRaphson from "newton-raphson-method"; // TODO: TS signatures
@@ -8,13 +9,13 @@ const SPEED = 550;
 
 class Spear extends Phaser.Physics.Arcade.Sprite {
   source: Phaser.GameObjects.Sprite;
-  target: Phaser.GameObjects.Sprite | undefined;
+  target: Critter | undefined;
   body: Phaser.Physics.Arcade.Body;
 
   constructor(
     scene: FightScene,
     source: Phaser.GameObjects.Sprite,
-    target: Phaser.GameObjects.Sprite | undefined,
+    target: Critter | undefined,
   ) {
     super(scene, scene.player.x, scene.player.y, "spear");
     this.play({ key: "spearAni", repeat: -1 });
@@ -60,6 +61,8 @@ class Spear extends Phaser.Physics.Arcade.Sprite {
     this.scene.sound.play("sfx_hit_critter");
     // TODO: bounce?
     this.destroy();
+    if (!this.target) return;
+    this.target.hitFlash();
     this.target.flee();
   }