有没有前端大佬，帮我看一下这个网站底部的粒子动画怎么做的。

[zhongchunfeng]

https://lusion.co/projects/ 我想做一个差不多，threejs 有没有 demo

[gaoryrt]

https://brm.io/matter-js/demo/#mixed 这个？

[zhongchunfeng]

@gaoryrt 看起来好像，我研究研究，谢谢大佬

[realJamespond]

参考这个吧，原理都差不多，都是通过压力流速图画的，具体也没看懂
https://paveldogreat.github.io/WebGL-Fluid-Simulation/

[asdjgfr]

我猜是这两个的结合
https://vue-bits.dev/backgrounds/liquid-ether
https://brm.io/matter-js/demo/#mixed

[Xinu]

翻了几个页面，效果太炫酷了。原本因为 ai 导致的对前端的轻视，荡然无存，道心破碎了

[Terry05]

这个页面做得太过于酷炫了

[zhongchunfeng]

看的我头都大了

[corcre]

好 tm 炫酷

[youyouzi]

电脑卡爆了。。。

[novaren]

这个是什么网站，好酷炫

[andyskaura]

这流体效果比较难搞

[andyskaura]

@andyskaura 找到一个 shadertoy 的流体效果，可以抄到 webgl shader 中去 https://www.shadertoy.com/view/tsKXR3

[zhongchunfeng]

@andyskaura #12 主要是底部那个粒子 跟水一样，不是简单的碰撞，难搞

[huihushijie1996]

直接偷

[crocoBaby]

有现成的分享一下吗?

[akakidz]

demo:
https://tympanus.net/Tutorials/MouseInstancing/

代码:
https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/

拿这个魔改吧

[kokerkov]

Firefox 不能加载，chrome 打开卡卡的，你学他干嘛？

[qwqqwq]

我丢，这网站动效这么吊吗

[aino]

试了下 gemini 还原度 80%

[zhongchunfeng]

@aino 真的假的，动效也还原了吗