氛围与背景 · 页面的空气
粒子漂浮Drifting particles
- 轻
- 有纵深
- 安静
一层小颗粒在画面里慢慢飘，近的大而亮、远的小而暗，谁也不会撞到谁。它不是「下雪」也不是「星空」—— 颗粒是往各个方向飘的，所以看起来像空气里有东西浮着。指针扫过时它们会轻轻让开，而不是被吸过去。
什么时候用它
适合留白多、要「有人气但不吵」的宣传页 —— 首页第一屏、等待页、数据可视化的底色。表格、表单和要逐行读的列表别用：颗粒一直在动，眼睛会跟着它跑。同一页上也不要和极光、网格感应叠在一起，背景有一层就够了。
参数
74 particles · depth 0.25–1 · 12px/s · per-frame integration, no easing · pointer pushes within r 95px · ≤30fps
配方
条件 ≤30fps粒子漂浮 → 74 particles · depth 0.25–1 · 12px/s · per-frame integration, no easing · pointer pushes within r 95px
给 AI 的一句话
给这块区域加一层粒子漂浮：74 个小圆点，每个带一个 0.25–1 的景深值，景深同时决定它的大小（1–2.6px）、速度和亮度，让近的大而亮、远的小而暗。颗粒朝各个方向匀速漂，出画就从对面回来。指针经过时把 95px 内的颗粒沿反方向推开，越近推得越远，力度要轻到像「让开」而不是「吸过来」。整层封顶 30fps，减弱动效时只留一张静止的画面。