这是一款交互式水面特效,基于 WebGL2 着色器实现。整屏是一池清水,能看到水底的沙纹和阳光穿过水面投下的网状光斑,也就是常说的焦散。鼠标划过水面会推出真实的波纹,点一下就是一滴水落下,涟漪一圈圈荡开、互相干涉、慢慢消散。放着不动一会儿,程序会自己"点"出水波,画面不会静止。
它给了五套预设场景——潮池、深海、黄金时刻、墨浴、异星水池,一键切换就是完全不同的水色和光感,还能随机生成新配色。参数面板拆得非常细,焦散强度、水深、吸光颜色、沙纹密度、两个太阳的方向和高光、菲涅尔反射、曝光和暗角都能单独调,想要什么调性基本都能调出来。
水波不是循环播放的贴图,是逐帧算出来的真实物理模拟,所以每次涟漪的形状都不一样。这也意味着它需要 WebGL2 和浮点纹理支持,环境不满足会直接给出提示,上线前记得测一下目标设备。
适合网站首屏背景、品牌宣传页、旅游和度假产品的视觉、展览大屏,也适合作为学习流体和焦散渲染的参考。