Feature/sounds

composables/actions/replace.ts

@@ -11,6 +11,11 @@ export const replace: Action = (action: CardsCollectionItem['interactions'][0]['
   const card = cardStore.getCardByIdentifier(action.card)
   assert(card !== undefined, 'Card not found!')
 
+  if (action.sound) {
+    const audio = new Audio('/sounds/' + action.sound)
+    audio.play()
+  }
+
   boardStore.removeCard(baseCard)
   boardStore.addCard(card, baseCard.x, baseCard.z)
 }

composables/actions/spawn.ts

@@ -12,6 +12,16 @@ export const spawn: Action = (action: CardsCollectionItem['interactions'][0]['ac
   const card = cardStore.getCardByIdentifier(action.card)
   assert(card !== undefined, 'Card not found!')
 
+  if (action.sound && !action.instantSound) {
+    const audio = new Audio('/sounds/' + action.sound)
+
+    if (action.soundVolume) {
+      audio.volume = action.soundVolume
+    }
+
+    audio.play()
+  }
+
   const amount = typeof action.amount === 'number'
     ? action.amount
     : action.amount?.min && action.amount?.max

composables/actions/trade.ts

@@ -2,12 +2,17 @@ import type { CardsCollectionItem } from '@nuxt/content'
 import type { BoardCard } from '~/types/Board'
 import type { Action } from '~/types/Action'
 
-export const trade: Action = (_action: CardsCollectionItem['interactions'][0]['actions'][0], baseCard: BoardCard, _interactingCard: BoardCard) => {
+export const trade: Action = (action: CardsCollectionItem['interactions'][0]['actions'][0], baseCard: BoardCard, _interactingCard: BoardCard) => {
   const boardStore = useBoardStore()
 
   assert(baseCard.buyableCard !== undefined, 'Action `trade` requires the base card to have a buyable card!')
   assert(baseCard.buyableAmount !== undefined, 'Action `trade` requires the base card to have a buyable amount!')
 
+  if (action.sound && !action.instantSound) {
+    const audio = new Audio('/sounds/' + action.sound)
+    audio.play()
+  }
+
   if (baseCard.buyableAmount > 3) {
     const { x, y } = getDropCoordinates(baseCard.x, baseCard.z)
     boardStore.addCard(baseCard.buyableCard, x, y, true, baseCard.buyableAmount)

composables/useInteraction.ts

@@ -53,6 +53,15 @@ export const useInteraction = (draggingCard: BoardCard) => {
       return
     }
 
+    const action = boardCard.currentInteraction.actions.find(
+      action => !!action.sound && action.instantSound,
+    )
+
+    if (action) {
+      const audio = new Audio('/sounds/' + action.sound)
+      audio.play()
+    }
+
     boardCard.interactionStartAt = Date.now()
     boardCard.interactionFinishAt = (new Date(Date.now() + (interaction.time ?? 0) * 1000)).getTime()
     boardCard.interactionProgress = 0

content.config.ts

@@ -12,6 +12,9 @@ const actionsType = z.array(z.object({
   type: z.string(),
   card: z.string().optional(),
   amount: amountType.optional(),
+  sound: z.string().optional(),
+  instantSound: z.boolean().optional(),
+  soundVolume: z.number().gte(0).lte(1).optional(),
   actions: z.array(z.object({
     type: z.string(),
     card: z.string().optional(),

content/cards/distressSignal.json

@@ -34,6 +34,68 @@
               ]
             },
             {
+              "type": "random",
+              "actions": [
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-1.mp3",
+                  "soundVolume": 0.5,
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                },
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-1.mp3",
+                  "soundVolume": 0.5,
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                },
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-2.mp3",
+                  "soundVolume": 0.5,
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                },
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-2.mp3",
+                  "soundVolume": 0.5,
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                },
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-2.mp3",
+                  "soundVolume": 0.5,
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                },
+                {
+                  "type": "spawn",
+                  "card": "pirate",
+                  "sound": "pirate-3.mp3",
+                  "amount": {
+                    "min": 1,
+                    "max": 3
+                  }
+                }
+              ]
               "type": "spawn",
               "card": "pirate",
               "amount": {

content/cards/helmsman.json

@@ -17,7 +17,8 @@
       "actions": [
         {
           "type": "replace",
-          "card": "worker"
+          "card": "worker",
+          "sound": "brainrot.mp3"
         }
       ]
     }

content/cards/hyperdrive.json

@@ -13,7 +13,9 @@
       "actions": [
         {
           "type": "travel",
-          "amount": 10 
+          "amount": 10,
+          "sound": "hyperdrive.mp3",
+          "instantSound": true
         },
         {
           "type": "destroy"
@@ -26,6 +28,7 @@
       "actions": [
         {
           "type": "travel",
+          "sound": "hyperdrive.mp3"
           "amount": 10 
         },
         {
@@ -39,6 +42,7 @@
       "actions": [
         {
           "type": "travel",
+          "sound": "hyperdrive.mp3"
           "amount": 10 
         },
         {

content/cards/medic.json

@@ -31,7 +31,8 @@
       "actions": [
         {
           "type": "replace",
-          "card": "worker"
+          "card": "worker",
+          "sound": "brainrot.mp3"
         }
       ]
     }

content/cards/miner.json

@@ -17,7 +17,8 @@
       "actions": [
         {
           "type": "replace",
-          "card": "worker"
+          "card": "worker",
+          "sound": "brainrot.mp3"
         }
       ]
     }

content/cards/soldier.json

@@ -17,7 +17,8 @@
       "actions": [
         {
           "type": "replace",
-          "card": "worker"
+          "card": "worker",
+          "sound": "brainrot.mp3"
         }
       ]
     }

content/cards/trade.json

@@ -11,7 +11,8 @@
       "amount": 1,
       "actions": [
         {
-          "type": "trade"
+          "type": "trade",
+          "sound": "trade.mp3"
         },
         {
           "type": "destroy"

content/cards/tradeLink.json

@@ -14,7 +14,9 @@
             {
             "type": "spawn",
             "card": "merchant",
-            "amount": 1
+            "amount": 1,
+            "sound": "merchant-call.mp3",
+            "instantSound": true
             }
         ]
     }

content/cards/worker.json

@@ -15,7 +15,9 @@
       "actions": [
         {
           "type": "spawn",
-          "card": "baby"
+          "card": "baby",
+          "sound": "baby.mp3",
+          "soundVolume": 0.25
         }
       ]
     },
@@ -26,7 +28,9 @@
       "actions": [
         {
           "type": "replace",
-          "card": "baby"
+          "card": "baby",
+          "sound": "baby.mp3",
+          "soundVolume": 0.25
         }
       ]
     },

content/events/asteroid-storm.json

@@ -6,6 +6,7 @@
     {
       "type": "spawn",
       "card": "asteroid",
+      "sound": "asteroid.mp3",
       "amount": { 
         "min": 1,
         "max": 2

content/events/pirate-attack.json

@@ -4,12 +4,68 @@
   "type": "negative",
   "actions": [
     {
-      "type": "spawn",
-      "card": "pirate",
-      "amount": { 
-        "min": 1,
-        "max": 3
-      }
+      "type": "random",
+      "actions": [
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-1.mp3",
+          "soundVolume": 0.5,
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        },
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-1.mp3",
+          "soundVolume": 0.5,
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        },
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-2.mp3",
+          "soundVolume": 0.5,
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        },
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-2.mp3",
+          "soundVolume": 0.5,
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        },
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-2.mp3",
+          "soundVolume": 0.5,
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        },
+        {
+          "type": "spawn",
+          "card": "pirate",
+          "sound": "pirate-3.mp3",
+          "amount": {
+            "min": 1,
+            "max": 3
+          }
+        }
+      ]
     }
   ]
 }