Added static method sound to make it less hard coded.

Author: dev-null-undefined

scripts/app.js

@@ -29,10 +29,10 @@ canvas.addEventListener('mousemove', e => {
     }
     lastPositionX = e.offsetX;
 });
-window.addEventListener('mousedown', e => {
+window.addEventListener('mousedown', () => {
     isDrawing = true;
 });
-window.addEventListener('mouseup', e => {
+window.addEventListener('mouseup', () => {
     isDrawing = false;
     lastPositionX = null;
 });
@@ -67,7 +67,7 @@ function saveValue(x1, y1, x2) {
 const cnt = canvas.getContext("2d");
 cnt.font = "30px Arial";
 
-function generateArrayAndDraw(event) {
+function generateArrayAndDraw() {
     arrayToSort = generateArray(sizeSlider.value);
     if (sortIndex) {
         updateSortMethod(sortIndex);
@@ -113,18 +113,15 @@ function switchSorting() {
             // Stop
             clearTimeout(sortingTimeout);
             sortingTimeout = null;
-            osciallator.stop();
+            oscillator.stop();
             startButton.innerText = "Start sorting";
             startButton.className = "startButton";
             generateButton.disabled = false;
             sizeSlider.disabled = false;
         } else {
-            if (osciallator === null) {
-                osciallator = new Oscillator();
-            }
             isDoneSorting = false;
-            if (sortIndex !== "7") {
-                osciallator.resume();
+            if (sortMethod.constructor.sound()) {
+                oscillator.resume();
             }
             startButton.innerText = "Stop sorting";
             startButton.className = "stopButton";
@@ -163,17 +160,18 @@ function updateSortMethod(value) {
     arrayToSortAccess = 0;
     arrayToSortModifications = 0;
     isDoneSorting = false;
-    if(value==="7"){
-        osciallator.stop();
-    }else if(sortIndex === "7" && sortingTimeout){
-        osciallator.resume();
-    }
     let sortClass = sortsDictionary[value];
     if (sortClass === undefined) {
         alert("Something went wrong pls report this to admin@debianserver.cz error-1:" + value);
         return;
     }
     sortMethod = new sortClass();
+
+    if (!sortClass.sound()) {
+        oscillator.stop();
+    } else if (sortsDictionary[sortIndex] !== undefined && !sortsDictionary[sortIndex].sound() && sortingTimeout) {
+        oscillator.resume();
+    }
     sortIndex = value;
 }
 

scripts/arrayFunctions.js

@@ -57,7 +57,7 @@ function map_range(value, low1, high1, low2, high2) {
 }
 
 function getValue(array, index, audio = true) {
-    if (audio) osciallator.changeFrequency(array[index]);
+    if (audio) oscillator.changeFrequency(array[index]);
     arrayToSortAccess++;
     return array[index];
 }

scripts/oscillator.js

@@ -1,24 +1,31 @@
 class Oscillator {
     constructor() {
-        this.minF = 100;
-        this.maxF = 700;
-        this.oscillatorContext = new AudioContext();
-        this.oscillatorContext.resume();
-        this.oscillator = this.oscillatorContext.createOscillator();
-        this.oscillator.type = "sine";
-        this.gainOscillator = this.oscillatorContext.createGain();
-        this.gainOscillator.gain.value = 0.005;
-        this.oscillator.connect(this.gainOscillator);
-        this.gainOscillator.connect(this.oscillatorContext.destination);
-        this.oscillator.start();
-        this.stop();
+        this.initializated=false;
+    }
+    initialize(){
+        if(!this.initializated){
+            this.initializated=true;
+            this.minF = 100;
+            this.maxF = 700;
+            this.oscillatorContext = new AudioContext();
+            this.oscillatorContext.resume();
+            this.oscillator = this.oscillatorContext.createOscillator();
+            this.oscillator.type = "sine";
+            this.gainOscillator = this.oscillatorContext.createGain();
+            this.gainOscillator.gain.value = 0.005;
+            this.oscillator.connect(this.gainOscillator);
+            this.gainOscillator.connect(this.oscillatorContext.destination);
+            this.oscillator.start();
+            this.stop();
+        }
     }
-
     stop() {
+        this.initialize();
         this.gainOscillator.disconnect();
     }
 
     resume() {
+        this.initialize();
         this.gainOscillator.connect(this.oscillatorContext.destination);
     }
 
@@ -27,4 +34,4 @@ class Oscillator {
     }
 }
 
-let osciallator = null;
+let oscillator = new Oscillator();

scripts/randomSort.js

@@ -26,4 +26,7 @@ class RandomSort extends Sort {
             cnt.fillRect(index * sizeOfBlock + sizeOfBlock * 0.025, 0, sizeOfBlock * 0.99, cnt.canvas.height * element);
         });
     }
+    static sound(){
+        return false;
+    }
 }

scripts/sort.js

@@ -7,4 +7,12 @@ class Sort {
 
     draw(cnt) {
     }
+
+    /*
+    * Default value for sound is true implement this function and return false
+    * if your sorting algorithm does not use sound
+    * */
+    static sound(){
+        return true;
+    }
 }