gooey-blob-system

name	gooey-blob-system
description	使用 SVG 滤镜创建黏稠融球系统，让多个形状融合为单一流体形态。用叠置的圆形结合高斯模糊与颜色矩阵滤镜，产生连续的有机团块。形态应根据彼此的距离在视觉上融合与分离。重点在于滤镜驱动的融合（模糊 + 阈值效果）、没有硬边的柔和有机边界、多个独立形状表现得如同一个系统，以及顺滑连续、显得流动而凝聚的运动。

Gooey Blob System Skill

何时使用

• 页面需要有机的流体形状，让它们在视觉上作为一个柔和系统融合、分离并运动。

工作流程

1. 用 SVG 滤镜构建效果：高斯模糊后接一个颜色矩阵阈值。
2. 让多个叠置的圆形或融球做动画，使它们自然地靠近与分离。
3. 保持边界柔和连续；画面应显得流动，而非像分离的圆形。
4. 将融球系统用作背景点缀、加载动画、光标场或主视觉氛围。
5. 一并调节模糊、对比与形状间距，使融合保持可见。

护栏

• 不要用永不融合的普通模糊圆形来伪造黏稠行为。
• 不要添加快速抖动的运动；保持顺滑而凝聚。
• 为低动效场景提供静态或简化的回退。