氛围与背景 · 页面的空气
星座连线Constellation
- 点慢慢漂
- 靠近就连
- 线会长出来又化掉
一批点各自慢慢漂移，两个点靠近到一定距离以内就自动连出一条线，离远了线就断。线的透明度由距离决定 —— 所以它是慢慢长出来、又慢慢化掉的，而不是开关式地闪断。
什么时候用它
用在「连接、网络、关系、数据」这类主题的氛围背景上，桌面端配上指针吸引效果最好。点的数量是关键 —— 超过 60 个连线会变成一团毛线，而且每帧两两算距离的开销是平方增长。
参数
42 nodes · drift 8px/s · link when distance < 104px · line opacity 1−(d/104)² · per frame, no easing
配方
星座连线 → 42 nodes · drift 8px/s · link when distance < 104px · line opacity 1−(d/104)² · per frame, no easing
给 AI 的一句话
做一个星座连线背景：42 个点以约 8px/s 的速度各自漂移，出界就绕回另一边；每帧两两比较，距离小于 104px 就连一条线，线的透明度按 1−(d/104)² 衰减，所以靠近阈值时线正好淡到 0、不会突然断掉。逐帧推进、不加缓动。点不要超过 60 个 —— 两两比较的开销是平方增长。