收口聊天室安全边界并优化特效生命周期

2026-04-25 02:52:30 +08:00
parent 4d3f4f7a4b
commit 855d031b04
26 changed files with 1219 additions and 175 deletions
@@ -140,6 +140,27 @@ const MeteorsEffect = (() => {
        const meteors = Array.from({ length: 14 }, () => new Meteor(w, h));
        const startTime = performance.now();
        let animId = null;
+        let finished = false;
+
+        /**
+         * 统一结束流星动画，手动取消时只清理不回调。
+         *
+         * @param {boolean} canceled 是否为手动取消
+         */
+        function finish(canceled) {
+            if (finished) {
+                return;
+            }
+
+            finished = true;
+            if (animId) {
+                cancelAnimationFrame(animId);
+            }
+            ctx.clearRect(0, 0, w, h);
+            if (!canceled) {
+                onEnd();
+            }
+        }

        function animate(now) {
            ctx.clearRect(0, 0, w, h);
@@ -163,13 +184,16 @@ const MeteorsEffect = (() => {
            if (now - startTime < DURATION) {
                animId = requestAnimationFrame(animate);
            } else {
-                cancelAnimationFrame(animId);
-                ctx.clearRect(0, 0, w, h);
-                onEnd();
+                finish(false);
            }
        }

        animId = requestAnimationFrame(animate);
+        return {
+            cancel() {
+                finish(true);
+            },
+        };
    }

    return { start };