https://t.me/dsuse/22437
https://jasonjhayes.azurewebsites.net/WebDev/WaterRipple/
https://sirxemic.github.io/jquery.ripples/
投个稿,昨天我写了1行公式版的水波纹模拟(Hugo Elias ripple)后加了两个特性,让它看起来像真实“能量”(音乐可视化) 🎵
看到大家都用Hugo法写图片涟漪,也有用 SVG feDisplacementMap 做液态边缘的,我想,这一代水果不是出 Liquid Glass 吗,就让Gemini顺带弄了一个,最后效果还可以,打磨7个对话串后成了
https://liquidgl.naughtyduk.com/ 这个是 Pixel Perfect
https://kube.io/blog/liquid-glass-css-svg/ 非常爆赞的原理解析
目前网上没找到边缘流光溢彩(cosine palette)的,我这个版本有加。
真正的流体物理:
https://paveldogreat.github.io/WebGL-Fluid-Simulation/
https://google.github.io/liquidfun/ (类似 Box2D.js)
https://jasonjhayes.azurewebsites.net/WebDev/WaterRipple/
https://sirxemic.github.io/jquery.ripples/
投个稿,昨天我写了1行公式版的水波纹模拟(Hugo Elias ripple)后加了两个特性,让它看起来像真实“能量”(音乐可视化) 🎵
看到大家都用Hugo法写图片涟漪,也有用 SVG feDisplacementMap 做液态边缘的,我想,这一代水果不是出 Liquid Glass 吗,就让Gemini顺带弄了一个,最后效果还可以,打磨7个对话串后成了
https://liquidgl.naughtyduk.com/ 这个是 Pixel Perfect
https://kube.io/blog/liquid-glass-css-svg/ 非常爆赞的原理解析
目前网上没找到边缘流光溢彩(cosine palette)的,我这个版本有加。
真正的流体物理:
https://paveldogreat.github.io/WebGL-Fluid-Simulation/
https://google.github.io/liquidfun/ (类似 Box2D.js)