光标与指针 · 指针碰到什么
锁定准星Lock-on reticle
- 精确
- 有目标
- 游戏感
指针换成四角准星；移到一个能按的东西上，四角就吸过去、贴住它的边界，等于在说「我瞄的是这个」。离开又散回一个小方框。
什么时候用它
适合游戏、编辑器、演示这类「瞄准」本身就是内容的地方，或者一个页面上只有一两个明确动作时。别在普通表单、列表和密集链接上用 —— 把系统指针换掉，用户会找不到自己在哪；而且四角一直吸来吸去，会让人分心。也别忘了给键盘操作留一条路：这套只对指针有效。
参数
free 22px box / locked to target bounds · lock follow 62ms / free 120ms · first-order follow, no easing
配方
锁定准星 → 62ms锁定准星 → free 22px box / locked to target bounds · lock follow 62ms / free 120ms · first-order follow, no easing
给 AI 的一句话
把指针换成一个四角准星：隐藏系统光标，画四个 L 形括号（2px 描边、边长 11px、圆角），用一个共享的矩形状态驱动它们的位置。指针移到可点元素（按钮、卡片）上时，目标矩形扩到该元素边界再向外让 3px；没有落在可点元素上时，目标是以指针为中心的 22px 小方框。用 elementFromPoint 判断当前指着谁。跟随用一阶滤波，锁定时 62ms、自由时 120ms —— 锁定要更快，瞄准是「吸上去」的；宽高也要和位置一起插值，不然会矩形先跳、四角后到。