写了一个纯随机波浪🌊

[zuobinwang]

用固定点随机+贝塞尔拟合 动画用的 react-spring

https://dreamerryao.github.io/wave/

[clrss]

感觉不符合实际波浪规律啊... 加点物理？

[zhangjinghua]

因为是纯随机，当然和现实波浪的规律不一样。实话实说，还挺好看

[Biwood]

这块我有研究过，后来发现最牛的是 Figma 的 CTO 写的那个，3D 版的 https://madebyevan.com/webgl-water/

还有个 2D 平面版本的现在找不到了

[mazyi]

全屏之后底部没有在最下面

[cweijan]

@Biwood 去看了这个仓库, 这个作者还是 esbuild 的作者, 太牛了

[AltairT]

@Biwood 这个也不完全真实啊，第一波波纹碰墙反射回来的波居然不受第二波波纹的影响

[Biwood]

@AltairT 这还不够真实吗，不晓得你说的影响是指种影响，波的干涉这么基础的物理知识我相信作者不会不知道。如果没有影响，那么连续点击的时候就不会出现那么多网格状的起伏了，还有底下那些光斑。觉得有问题的话建议找个水池子做实验看看。如果你有自己尝试写过你就知道其中的原理了。

[icyalala]

这还有一个模拟海浪的 https://david.li/waves/

[yuhangch]

像这个 https://github.com/unicar9/jizhi

[xiangyuecn]

看着别扭

[xiangyuecn]

看了一下源码，好家伙，几十个文件 懒得分析了😂 一个文件百十来行就能搞定的事，上了 ts 高级货

[thedrwu]

可以试着简单实现　𝑐²∇²𝑓-∂²𝑓/∂²𝑡 = 随机激励。如果是这样的一维波，𝒪(𝑛) 的复杂度就能解了。

[disk]

全随机看上去怪怪的

[Biwood]

找了一下，2D 版的在这儿 https://www.thanassis.space/wavePhysics.html

有兴趣的可以研究下

[suyuyu]

好奇为啥 + spring

[bojue]

@Biwood 厉害，我还以为 figma 就是 canvas 绘制那么简单

[zuobinwang]

@suyuyu 用的 svg 动画过渡

[liuidetmks]

能不能模拟那种波浪?