feat: fine tuning of flake speeds

Author: foosel

octoprint_wrapped/static/js/wrapped.js

@@ -6,6 +6,8 @@
  */
 $(function () {
     const FLAKES = 50;
+    const MIN_DURATION = 5;
+    const MAX_DURATION = 15;
 
     const MONTH_DECEMBER = 11;
     const MONTH_JANUARY = 0;
@@ -113,6 +115,8 @@ $(function () {
                     container = document.createElement("div");
                     container.id = "snow";
                     container.dataset.count = FLAKES;
+                    container.dataset.durmin = MIN_DURATION;
+                    container.dataset.durmax = MAX_DURATION;
                     body.insertBefore(container, body.firstChild);
 
                     const styleSnow = document.createElement("link");
@@ -128,7 +132,7 @@ $(function () {
                     scriptSnow.onload = () => {
                         setTimeout(() => {
                             createSnow();
-                            showSnow(true);
+                            if (showSnow !== undefined) showSnow(true);
                         }, 500);
                     };
                     head.appendChild(scriptSnow);

octoprint_wrapped/static/pure-snow/pure-snow.js

@@ -1,10 +1,18 @@
 let snowflakesCount = 200; // Snowflake count, can be overwritten by attrs
+let minDuration = 10; // can be overwritten by attrs
+let maxDuration = 30; // can be overwritten by attrs
 let baseCSS = ``;
 
 // set global attributes
 if (typeof SNOWFLAKES_COUNT !== "undefined") {
     snowflakesCount = SNOWFLAKES_COUNT;
 }
+if (typeof SNOWFLAKES_MIN_DURATION !== "undefined") {
+    minDuration = SNOWFLAKES_MIN_DURATION;
+}
+if (typeof SNOWFLAKES_MAX_DURATION !== "undefined") {
+    maxDuration = SNOWFLAKES_MAX_DURATION;
+}
 if (typeof BASE_CSS !== "undefined") {
     baseCSS = BASE_CSS;
 }
@@ -21,6 +29,8 @@ function setHeightVariables() {
 function getSnowAttributes() {
     const snowWrapper = document.getElementById("snow");
     snowflakesCount = Number(snowWrapper?.dataset?.count || snowflakesCount);
+    minDuration = Number(snowWrapper?.dataset?.durmin || minDuration);
+    maxDuration = Number(snowWrapper?.dataset?.durmax || maxDuration);
 }
 
 // This function allows you to turn on and off the snow
@@ -89,7 +99,10 @@ function generateSnowCSS(snowDensity = 200) {
         let randomYoyoTime = getRandomArbitrary(0.3, 0.8);
         let randomYoyoY = randomYoyoTime * pageHeightVh; // vh
         let randomScale = Math.random();
-        let fallDuration = randomIntRange(10, (pageHeightVh / 10) * 3); // s
+        let fallDuration = Math.min(
+            randomIntRange(minDuration, (pageHeightVh / 10) * 3),
+            maxDuration
+        ); // s
         let fallDelay = randomInt((pageHeightVh / 10) * 3) * -1; // s
         let opacity = Math.random();