Bouncing enemy plays sound, WIP spatial audio

src/assets/generated/sounds/generated-sfx-data.ts

@@ -8,6 +8,7 @@ async function sfxs<T>(sfx: (ogg: string) => Promise<T>) {
       "collect/valuable5.ogg",
       "fluid/splash small.ogg",
       "fluid/splash tiny.ogg",
+      "impact/bouncing enemy land.ogg",
       "impact/defeat enemy.ogg",
       "impact/vs enemy physical 0.ogg",
       "impact/vs enemy physical 1.ogg",
@@ -40,33 +41,34 @@ async function sfxs<T>(sfx: (ogg: string) => Promise<T>) {
       SplashTiny: sounds[4],
     },
     Impact: {
-      DefeatEnemy: sounds[5],
-      VsEnemyPhysical0: sounds[6],
-      VsEnemyPhysical1: sounds[7],
-      VsEnemyPhysical2: sounds[8],
-      VsPlayerPhysical: sounds[9],
+      BouncingEnemyLand: sounds[5],
+      DefeatEnemy: sounds[6],
+      VsEnemyPhysical0: sounds[7],
+      VsEnemyPhysical1: sounds[8],
+      VsEnemyPhysical2: sounds[9],
+      VsPlayerPhysical: sounds[10],
     },
     Interact: {
-      DoorOpen0: sounds[10],
-      DoorOpen1: sounds[11],
+      DoorOpen0: sounds[11],
+      DoorOpen1: sounds[12],
     },
     Terrain: {
-      EarthStep0: sounds[12],
-      EarthStep1: sounds[13],
-      EarthStep2: sounds[14],
-      EarthStep3: sounds[15],
-      MetalStep0: sounds[16],
-      MetalStep1: sounds[17],
-      MetalStep2: sounds[18],
-      MetalStep3: sounds[19],
+      EarthStep0: sounds[13],
+      EarthStep1: sounds[14],
+      EarthStep2: sounds[15],
+      EarthStep3: sounds[16],
+      MetalStep0: sounds[17],
+      MetalStep1: sounds[18],
+      MetalStep2: sounds[19],
+      MetalStep3: sounds[20],
     },
     Ui: {
       Looks: {
-        Updated: sounds[20],
+        Updated: sounds[21],
       },
-      NavigateBack: sounds[21],
-      NavigateInto: sounds[22],
-      Select: sounds[23],
+      NavigateBack: sounds[22],
+      NavigateInto: sounds[23],
+      Select: sounds[24],
     },
   };
 }

src/igua/mixins/mxn-spatial-audio.ts

@@ -0,0 +1,19 @@
+import { DisplayObject, Rectangle } from "pixi.js";
+import { Sound } from "../../lib/game-engine/audio/sound";
+import { IRectangle, areRectanglesOverlapping } from "../../lib/math/rectangle";
+import { renderer } from "../globals";
+
+const screenRectangle: IRectangle = { x: 0, y: 0, width: renderer.width, height: renderer.height };
+const r = new Rectangle();
+
+export function mxnSpatialAudio(obj: DisplayObject) {
+    return obj.merge({
+        play(sound: Sound) {
+            // TODO should apply gain, panning based on obj position!!
+            // TODO should it return an instance?
+            if (areRectanglesOverlapping(obj.getBounds(true, r), screenRectangle)) {
+                sound.play();
+            }
+        },
+    });
+}

src/igua/objects/enemies/obj-angel-bouncing.ts

@@ -11,6 +11,8 @@ import { mxnEnemy } from "../../mixins/mxn-enemy";
 import { RpgPlayer } from "../../rpg/rpg-player";
 import { RpgAttack } from "../../rpg/rpg-attack";
 import { RpgEnemyClass } from "../../rpg/rpg-enemy-class";
+import { mxnSpatialAudio } from "../../mixins/mxn-spatial-audio";
+import { Sfx } from "../../../assets/sounds";
 
 const clownTxs = Tx.Enemy.CommonClown.split({ count: 2 });
 
@@ -67,6 +69,7 @@ export function objAngelBouncing() {
                     obj.speed.x = -event.previousSpeed.x; // TODO might be nice to get the normal
                 }
                 if (event.hitGround && !event.previousOnGround) {
+                    obj.play(Sfx.Impact.BouncingEnemyLand);
                     obj.speed.y = -6;
 
                     // TODO play sound if on screen
@@ -84,6 +87,7 @@ export function objAngelBouncing() {
                 }
             },
         })
+        .mixin(mxnSpatialAudio)
         .step(() => {
             // if (obj.portal && !appliedOpaqueTint) {
             //     obj.opaqueTint = 0x20A090;