Fix rendering issues with blurring animation

menu.js

@@ -69,6 +69,14 @@ function fadeBlurIn() {
             blurEl.setAttribute("stdDeviation", currentVal);
         }
     }
+
+    setTimeout(() => {
+        blurEl.setAttribute("stdDeviation", finalVal);
+        clearInterval(id);
+        if (currentVal < finalVal) {
+            console.log("Performance Issues: system couldn't hold up");
+        }
+    }, 1000);
 }
 
 function fadeBlurOut() {
@@ -85,6 +93,14 @@ function fadeBlurOut() {
             blurEl.setAttribute("stdDeviation", currentVal);
         }
     }
+
+    setTimeout(() => {
+        blurEl.setAttribute("stdDeviation", finalVal);
+        clearInterval(id);
+        if (currentVal < finalVal) {
+            console.log("Performance Issues: system couldn't hold up");
+        }
+    }, 1000);
 }
 
 const scoreEl = document.getElementById("score");

touch-control.js

@@ -8,7 +8,7 @@ hammertime.on('swiperight', () => {
     keys.right.action();
 });
 
-hammertime.on('swipe', (e) => {
+hammertime.on('pandown', (e) => {
     console.log(e.direction);
     keys.down.action();
 });