边框
通着电

鼠标靠近，那一段开始发烫；点一下，一道脉冲沿着圆角跑过去，顺带甩出一条电弧。电流、光晕、闪电全在一个片元着色器里算，页面里只有一张画布。

AC 220V · 50Hz

这一圈在跑电

边线是四组不同频率的噪声叠出来的，所以它一直在抖，但整体又是稳定的；鼠标靠近时热区会把振幅和亮度一起推上去，点一下则会沿边框甩出一道脉冲。

↖ 把指针移到边上试试

strands 5 · chaos 1.1

radius 90 · spread .35

spread 1.2 · strands 4

圆角是几何算出来的，不是 CSS 的 border-radius：着色器沿圆角矩形取路径参数，闪电、脉冲、抖动都挂在这条路径上，所以换个 borderRadius 电流跟着换形状。