选一个小实验,让想法在画布上发生。
动手试一试,让代码里的想法发生。
用指针事件与逐帧插值,让柔和的光晕平滑跟随鼠标。
在演示区移动鼠标,观察光晕追随指针。调整速度,比较缓慢跟随与快速响应的区别。
pointermove 记录目标坐标,requestAnimationFrame 在每帧让光晕向目标靠近一部分。CSS 的 blur 与透明度共同形成柔和光晕。
修改光晕尺寸、模糊程度与插值系数。JavaScript 从 window.demoParameters 读取速度,CSS 从 --demo-color 读取颜色。