优化聊天室特效加载与移动端性能

2026-04-25 03:34:19 +08:00
parent 128b52d0aa
commit e3cba255f9
6 changed files with 158 additions and 25 deletions
@@ -161,18 +161,22 @@ const SnowEffect = (() => {
        const w = canvas.width;
        const h = canvas.height;
        const DURATION = 10000;
+        const isMobile = window.matchMedia?.("(max-width: 640px)")?.matches || window.innerWidth <= 640;
+        const densityScale = isMobile ? 0.68 : 1;
+        const backFlakeCount = Math.round(Math.min(120, Math.max(70, Math.floor(w / 18))) * densityScale);
+        const frontFlakeCount = Math.round(Math.min(64, Math.max(34, Math.floor(w / 42))) * densityScale);
        const flakes = [
            ...Array.from(
-                { length: Math.min(120, Math.max(70, Math.floor(w / 18))) },
+                { length: backFlakeCount },
                () => new Flake(w, h, "back"),
            ),
            ...Array.from(
-                { length: Math.min(64, Math.max(34, Math.floor(w / 42))) },
+                { length: frontFlakeCount },
                () => new Flake(w, h, "front"),
            ),
        ];

-        const breezeBands = Array.from({ length: 2 }, () => ({
+        const breezeBands = Array.from({ length: isMobile ? 1 : 2 }, () => ({
            x: Math.random() * w,
            y: Math.random() * h,
            radius: 180 + Math.random() * 140,