feat(public): add click and splash sounds

Author: remarkablemark

public/sounds/score.mp3 public/sounds/click.mp3

@@ -1,4 +1,5 @@
 export * from './pipes'
 export * from './scenes'
+export * from './sounds'
 export * from './tags'
 export * from './tiles'

public/sounds/splash.mp3

@@ -0,0 +1,4 @@
+export enum Sound {
+  click = 'click',
+  splash = 'splash',
+}

src/constants/index.ts

@@ -1,4 +1,4 @@
-import { EmptyToFilledPipe, Scene, Tag } from '../constants'
+import { EmptyToFilledPipe, Scene, Sound, Tag } from '../constants'
 import { checkSolution, rotatePipe } from '../helpers'
 import { getLevel, hasLevel } from '../levels'
 
@@ -17,10 +17,13 @@ scene(Scene.game, (levelNumber: number) => {
 
   onClick(Tag.pipe, (pipe) => {
     if (!checkSolution(level)) {
+      play(Sound.click)
       rotatePipe(pipe)
     }
 
     if (checkSolution(level)) {
+      play(Sound.splash)
+
       level.get(Tag.pipe).forEach((pipe) => {
         pipe.use(
           sprite(

src/constants/sounds.ts

@@ -1,11 +1,15 @@
-import { pipes, Scene } from '../constants'
+import { pipes, Scene, Sound } from '../constants'
 
 scene(Scene.preload, async () => {
-  await Promise.all(
-    pipes.map((value) => {
-      loadSprite(value, `sprites/pipes/${value}.png`)
-    }),
-  )
+  const sprites = pipes.map((pipe) => {
+    loadSprite(pipe, `sprites/pipes/${pipe}.png`)
+  })
+
+  const sounds = Object.values(Sound).map((sound) => {
+    loadSound(sound, `sounds/${sound}.mp3`)
+  })
+
+  await Promise.all(sprites.concat(sounds))
 
   go(Scene.game, new URLSearchParams(location.search).get('level') || 0)
 })