光标与指针 · 指针碰到什么
指针聚光Pointer spotlight
- 聚焦
- 有方向
- 克制
一束光跟着指针走,只把附近的东西照亮,同时把那一片的边框点起来。它和「悬停高亮」的差别是:光有半径、会衰减,所以能同时照到相邻的两张卡。
什么时候用它
适合一排「平级、都想让人点」的卡片或图标:推荐位、功能入口、模板列表。别用在有明确主次的界面上 —— 光把所有东西照得一样亮,反而把「哪个是主要的」这件事擦掉了。另外要有退路:指针不在时(触屏、键盘操作)必须给一个静态的默认态,不能让整排看起来是灰的。
参数
exp(−d²/2·78²) falloff · 90px pool · per frame, no easing · border lights above k 0.45 · two tiles may light at once
配方
逐帧积分,不过缓动指针聚光 → exp(−d²/2 · 78²) falloff · 90px pool · per frame, no easing · border lights above k 0.45 · two tiles may light at once
给 AI 的一句话
让一束光跟着指针照亮这一排卡片:每张卡的亮度按 exp(−d²/(2·78²)) 随它中心到指针的距离衰减,d 是像素距离。每张卡上盖一层 90px 的径向渐变强调色光斑,中心对准指针相对这张卡的位置,透明度就是算出来的那个值。当亮度超过 0.45 时,把这张卡的描边换成强调色。注意允许相邻两张同时亮着——硬性只取最近的一张,指针走在两张之间时判断会来回跳,看起来是闪。指针离开后所有光回到 0。