Fix rendering issues with blurring animation

2018-01-18 13:09:03 +01:00
parent b2d9277a49
commit 1aec3ff89a
2 changed files with 17 additions and 1 deletions
--- a/menu.js
+++ b/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");