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

gaoryrt

14 小时 18 分钟前

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

zhongchunfeng

14 小时 13 分钟前

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

realJamespond

14 小时 1 分钟前

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

asdjgfr

13 小时 49 分钟前

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

Xinu

13 小时 49 分钟前

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

Terry05

13 小时 42 分钟前

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

zhongchunfeng

13 小时 37 分钟前

看的我头都大了

corcre

13 小时 35 分钟前

好 tm 炫酷

youyouzi

13 小时 33 分钟前

电脑卡爆了。。。

novaren

13 小时 28 分钟前

这个是什么网站，好酷炫

andyskaura

13 小时 27 分钟前

这流体效果比较难搞

andyskaura

13 小时 22 分钟前

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

zhongchunfeng

13 小时 18 分钟前

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

huihushijie1996

13 小时 16 分钟前

直接偷

crocoBaby

12 小时 57 分钟前

有现成的分享一下吗?

akakidz

12 小时 53 分钟前

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

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

拿这个魔改吧

kokerkov

12 小时 53 分钟前

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

qwqqwq

12 小时 51 分钟前

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

aino

12 小时 48 分钟前

试了下 gemini 还原度 80%

zhongchunfeng

12 小时 43 分钟前

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