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

94 天前
 zhongchunfeng

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

9911 次点击
所在节点    JavaScript
102 条回复
gaoryrt
94 天前
https://brm.io/matter-js/demo/#mixed 这个？
zhongchunfeng
94 天前
@gaoryrt 看起来好像，我研究研究，谢谢大佬
realJamespond
94 天前
参考这个吧，原理都差不多，都是通过压力流速图画的，具体也没看懂
https://paveldogreat.github.io/WebGL-Fluid-Simulation/
asdjgfr
94 天前
我猜是这两个的结合
https://vue-bits.dev/backgrounds/liquid-ether
https://brm.io/matter-js/demo/#mixed
Xinu
94 天前
翻了几个页面，效果太炫酷了。原本因为 ai 导致的对前端的轻视，荡然无存，道心破碎了
Terry05
94 天前
这个页面做得太过于酷炫了
zhongchunfeng
94 天前
看的我头都大了
corcre
94 天前
好 tm 炫酷
youyouzi
94 天前
电脑卡爆了。。。
novaren
94 天前
这个是什么网站，好酷炫
andyskaura
94 天前
这流体效果比较难搞
andyskaura
94 天前
@andyskaura 找到一个 shadertoy 的流体效果，可以抄到 webgl shader 中去 https://www.shadertoy.com/view/tsKXR3
zhongchunfeng
94 天前
@andyskaura #12 主要是底部那个粒子 跟水一样，不是简单的碰撞，难搞
huihushijie1996
94 天前
直接偷
crocoBaby
94 天前
有现成的分享一下吗?
akakidz
94 天前
demo:
https://tympanus.net/Tutorials/MouseInstancing/

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

拿这个魔改吧
kokerkov
94 天前
Firefox 不能加载，chrome 打开卡卡的，你学他干嘛？
qwqqwq
94 天前
我丢，这网站动效这么吊吗
aino
94 天前
试了下 gemini 还原度 80%
zhongchunfeng
94 天前
@aino 真的假的，动效也还原了吗

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1160190

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX