Add laser and hit sounds

lib/ui/game.js

@@ -4,6 +4,7 @@ import Cookies from 'js-cookie';
 import { FPS } from './sprite_sheets';
 import UIHandler from './ui_handler';
 import KeyHandler from './key_handler';
+import SoundHandler from './sound_handler';
 
 import Board from './board';
 import Head from '../objects/head';
@@ -18,6 +19,7 @@ class Game {
     this.stage = options.stage;
     this.uiHandler = new UIHandler(this);
     this.keyHandler = new KeyHandler(this);
+    this.soundHandler = new SoundHandler();
     this.board = new Board(options);
     this.initialStartLength = options.initialStartLength || 12;
     this.started = false;
@@ -68,6 +70,7 @@ class Game {
   fireLaser() {
     if (!this.started || this.paused) return;
     this.board.fireLaser();
+    this.soundHandler.playLaserSound();
   }
 
   updatePositions(e) {
@@ -133,6 +136,9 @@ class Game {
           if(sponge.hits === 0) {
             spongeIdxsToRemove.push(spongeIdx);
             this.incrementScore(1);
+            this.soundHandler.playSeaSpongeDestroy();
+          } else {
+            this.soundHandler.playSeaSpongeHit();
           }
           hit = true;
         }
@@ -146,6 +152,7 @@ class Game {
           } else {
             this.incrementScore(10);
           }
+          this.soundHandler.playSegmentHit();
           beamIdxsToRemove.push(beamIdx);
           segmentIdxsToRemove.push(segmentIdx);
           hit = true;

lib/ui/sound_handler.js

@@ -0,0 +1,36 @@
+
+import Tone from 'tone';
+
+
+class SoundHandler {
+  constructor() {
+    const distortion = new Tone.Distortion(1).toMaster();
+    this.synth = new Tone.Synth({
+      oscillator: { type: 'square' },
+      envelope: { release: 0.2 },
+    });
+    this.synth.connect(distortion);
+  }
+
+  playLaserSound() {
+    this.synth.triggerAttackRelease("C4", "60hz", undefined, .5);
+  }
+
+  playSeaSpongeHit() {
+    this.synth.triggerAttackRelease("A2", "40hz", undefined, .1);
+  }
+
+  playSeaSpongeDestroy() {
+    this.synth.triggerAttackRelease("A1", "40hz", undefined, .1);
+  }
+
+  playSegmentHit() {
+    this.synth.triggerAttackRelease("F3", "40hz", undefined, .2);
+  }
+
+  playSegmentStep() {
+    this.synth.triggerAttackRelease("D0", "10hz", undefined, .05);
+  }
+}
+
+export default SoundHandler;

package.json

@@ -26,6 +26,7 @@
     "babel-loader": "^6.2.10",
     "babel-preset-es2015": "^6.18.0",
     "js-cookie": "^2.1.3",
+    "tone": "^0.8.0",
     "webpack": "^1.14.0"
   }
 }