MotionLang

光标与指针 · 指针碰到什么

指针聚光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

配方

  1. 逐帧积分,不过缓动
  2. 指针聚光 → 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。

同类的其他动效