all

Video/MiroTalk SFU/public/js/Snow.js

@@ -0,0 +1,50 @@
+'use strict';
+
+// https://codepen.io/tutsplus/pen/BaVqjvg
+
+const snowContainer = document.getElementById('snow-container');
+
+const snowContent = ['&#10052', '&#10053', '&#10054'];
+
+const random = (num) => {
+    return Math.floor(Math.random() * num);
+};
+
+const getRandomStyles = () => {
+    const top = random(100);
+    const left = random(100);
+    const dur = random(10) + 10;
+    const size = random(25) + 25;
+    return `
+    top: -${top}%;
+    left: ${left}%;
+    font-size: ${size}px;
+    animation-duration: ${dur}s;
+    `;
+};
+
+const createSnow = (num) => {
+    for (let i = num; i > 0; i--) {
+        let snow = document.createElement('div');
+        snow.className = 'snow';
+        snow.style.cssText = getRandomStyles();
+        snow.innerHTML = snowContent[random(3)];
+        snowContainer.append(snow);
+    }
+};
+
+const removeSnow = () => {
+    snowContainer.style.opacity = '0';
+    setTimeout(() => {
+        snowContainer.remove();
+    }, 500);
+};
+
+window.addEventListener('load', () => {
+    createSnow(30);
+    setTimeout(removeSnow, 1000 * 60);
+});
+
+window.addEventListener('click', () => {
+    removeSnow();
+});