https://lusion.co/projects/ 我想做一个差不多，threejs 有没有 demo
推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
This topic created in 410 days ago, the information mentioned may be changed or developed.
 |
1
|
3 |
2
@gaoryrt 看起来好像，我研究研究，谢谢大佬
|
 |
3
参考这个吧，原理都差不多，都是通过压力流速图画的，具体也没看懂
https://paveldogreat.github.io/WebGL-Fluid-Simulation/ |
 |
asdjgfrSep 18, 2025
4
|
 |
XinuSep 18, 2025
5
翻了几个页面，效果太炫酷了。原本因为 ai 导致的对前端的轻视，荡然无存，道心破碎了
|
 |
Terry05Sep 18, 2025
6
这个页面做得太过于酷炫了
|
|
7
看的我头都大了
|
 |
corcreSep 18, 2025
8
好 tm 炫酷
|
 |
youyouziSep 18, 2025
9
电脑卡爆了。。。
|
 |
novarenSep 18, 2025
10
这个是什么网站，好酷炫
|
 |
andyskauraSep 18, 2025
11
这流体效果比较难搞
|
|
andyskauraSep 18, 2025
12
@andyskaura 找到一个 shadertoy 的流体效果，可以抄到 webgl shader 中去 https://www.shadertoy.com/view/tsKXR3
|
|
13
@andyskaura #12 主要是底部那个粒子 跟水一样，不是简单的碰撞，难搞
|
 |
huihushijie1996Sep 18, 2025
14
直接偷
 |
 |
crocoBabySep 18, 2025
15
有现成的分享一下吗?
|
 |
akakidzSep 18, 2025
16
|
 |
kokerkovSep 18, 2025
17
Firefox 不能加载，chrome 打开卡卡的，你学他干嘛？
|
 |
qwqqwqSep 18, 2025
18
我丢，这网站动效这么吊吗
|
 |
ainoSep 18, 2025
19
试了下 gemini 还原度 80%
|
|
20
@aino 真的假的，动效也还原了吗
|
|
22
@kokerkov 我这边 firefox 也是可以打开的，没什么区别 版本 107
|
 |
ZettarYuFanSep 18, 2025
23
@aino cursor 里面用吗
|
 |
supuwoercSep 18, 2025
25
https://www.reactbits.dev/text-animations/split-text 我印象这里有，但是不想自己找了🐶
|
|
kokerkovSep 18, 2025
26
@zhongchunfeng #22 估计是有什么插件拦截了。我另一台电脑的 firefox 确实没问题
|
|
27
|
|
28
@otakustay 是的，这个确实很不错，但是最重要的是底部那个粒子效果难弄。
|
|
29
|
 |
GreendaysSep 18, 2025
30
真酷炫啊，后端表示惊叹
|
 |
jnliyan1Sep 18, 2025
31
真酷，第一次见，牛皮
|
 |
shuhsioSep 18, 2025
32
惊叹
|
 |
YaaviSep 18, 2025
33
你挑了这个网站中最简单的效果
|
 |
wuxidixiSep 18, 2025
34
这网站真牛逼
|
 |
cwliangSep 18, 2025
35
打开了一会没关，突然电脑风扇呼呼响，用了一年多的 mbp 这是第一次，m3 芯片 16gb 内存🤣
|
 |
RamoncjsSep 18, 2025
36
确实酷炫 amazing
|
|
RamoncjsSep 18, 2025
37
这个网站不同的页面有不同的配乐，音乐与网页动画结合的非常好，并且有非常强的反馈效果，做的真好啊
|
 |
JimLee0921Sep 18, 2025
38
怎么把这个网站前台源码偷了兄弟们，给个开源地址
|
 |
skyflowerSep 18, 2025
39
动起来后，GPU 上升，风扇启动了。。。。。。
|
 |
LongTimeNoSeeSep 18, 2025
40
我用的 chrome 最新版打开非常卡
|
|
skyflowerSep 18, 2025
41
右上角，about US 的页面，好好看！！！这是前端能做到的么
|
 |
L0LSep 18, 2025
42
后端表示，酷炫的一批
|
 |
jackleeforce3615Sep 18, 2025
43
apple 官网的首页是不是也用到类似的 酷炫吊炸天
|
|
skyflowerSep 18, 2025
44
@jackleeforce3615 苹果官网很多是视频
|
 |
qiaobeierSep 18, 2025
45
一眼 three-js
|
 |
journalistFromHKSep 18, 2025
46
orz 屌炸天啊
|
 |
zincoSep 18, 2025
47
别说后端了，前端都目瞪狗呆
|
 |
living9696Sep 18, 2025
48
真的牛逼
|
 |
HeeeeSep 18, 2025
49
这也太炫了
|
 |
leibaioSep 18, 2025
50
有点炫的，厉害
|
 |
keithwhisperSep 18, 2025
51
@dsb2468 Chrome Experiments 里有超级多屌炸天的前端作品
|
 |
p1gd0gSep 18, 2025
52
看到开头的进度条我就知道不简单
但是这也太花了，有点受不了 |
 |
rabbbitSep 18, 2025
53
用的 Three.js
代码 https://lusion.co/_astro/hoisted.06a00660.js 相关的几个类 flipSim FlipAnimation 贴图 https://lusion.dev/assets/textures/flip_texture.png |
 |
zhw2590582Sep 18, 2025
54
特效炫酷是一回事，设计感也是一流，十年老前端都目瞪口呆
|
 |
NineTreeSep 18, 2025
55
真是炫酷啊
|
 |
woodchenSep 18, 2025
56
太酷啦
|
 |
wellbeingSep 18, 2025
57
M4 Pro 48G 内存，chrome 打开很丝滑
|
 |
DualVectorFoilSep 18, 2025
58
@dsb2468 是的，点击不放还会进入子弹时间，帅得。
|
 |
yigefanqieSep 18, 2025 via iPhone
59
前端表示自己太菜了
|
 |
zedkingSep 18, 2025
60
确实帅啊这网页
|
 |
61
像这种网站，前端功力只占三成，七成还是靠顶流 UX 设计师。
认识几个顶流设计师，各种 WebGL shader 信手拈来，各种 3D 引擎都会一点。就算看代码可能觉得水平一般，不懂软件工程，图形学半吊子，但写出来的东西真的是漂亮。 |
 |
AV1Sep 18, 2025
62
太强了，
比现在那些泛滥的 AI 生成网页（高饱和紫色、大圆角、毛玻璃、霓虹灯特效）不知道高到哪里去了🐶 |
 |
ps3chinamjSep 19, 2025 via Android
63
TEAM 007 还有一只猫
|
 |
MutooSep 19, 2025
64
几年前写的 prototype/demo 可以参考一下，关键词：2d particle based fluid ，核心算法是 Double Density Relaxation:
https://codepen.io/mutoo/pen/zdgJoP |
 |
XLeopardSep 19, 2025
65
Team 页真炫酷啊，这种团队介绍方式亮瞎眼
|
 |
66
op 说的特效都是简单的了，首页往下拉有一个太空人，真给我看呆了....
https://lusion.co/ |
 |
MEIererSep 19, 2025
67
这么牛吗，要做这种效果
|
 |
skallzSep 19, 2025
69
看了下技术栈，ssg 用的是 astro ，特效是 three.js ，不得不说非常有设计感
|
 |
yurenfeijingSep 19, 2025
71
@jackleeforce3615 不是，这个是 three.js canvas 实现的，苹果官网好多是 css 的 matrix 实现的
|
 |
0900301432Sep 19, 2025
72
这个网站显卡差一点的都打不开，鼠标可以一直滚，页面会跟着换。点击链接的时候整个页面的动画都在变。关键是还有返回的动画。
|
 |
twomoeSep 19, 2025
73
手机访问时，陀螺仪还可以影响动效……
|
 |
v2048Sep 19, 2025
74
看了下那个网站，效果还真挺特别的，鼠标划了一阵。顺便看了下 cpu ，这台电脑还可以，cpu 占用提高了点，但影响不大。
|
|
yurenfeijingSep 19, 2025
75
@yurenfeijing 说错了，这个也有好多 css 实现的，about us 页面就有好多 transform3d
|
 |
hugozachSep 19, 2025
76
我的天 这网站太炫酷了
|
 |
tequ1lAneioSep 19, 2025
77
好酷炫的网站，有点爽啊
|
 |
cuixiaoluSep 19, 2025
78
看到这个效果，真的太炫酷了。
|
 |
kongkxyangSep 19, 2025 via Android
79
很炫，但手机上很卡
|
 |
SWBMESSISep 19, 2025
80
主页往下滑有个太空人，太炫酷了
|
|
andyskauraSep 19, 2025
81
|
 |
WashFreshFreshSep 19, 2025
82
按住左键不松还有别的效果。。。
|
 |
willbingSep 19, 2025
83
|
|
willbingSep 19, 2025
84
|
 |
zhj0326Sep 19, 2025
85
@Xinu https://activetheory.net/ 感受一下这个
|
 |
Luffy0oSep 19, 2025
86
设计、创意、美感都很棒，得是一个很懂设计的前端大神才能实现，缺一不可。
|
|
skyflowerSep 19, 2025
87
@andyskaura 哈哈，点多了会掉渣明显
|
 |
x86Sep 19, 2025
88
这前端，不学也罢！
|
|
andyskauraSep 19, 2025
89
@dsb2468 #87 是的
 所以原网页实例还有超出数量上限后自动将 y 坐标最小的移除的优化 |
 |
QuarterSep 19, 2025 via Android
90
about 页面的那个山谷宇航员的效果真不错
|
 |
glzcc520Sep 19, 2025
91
膜拜
|
 |
sakae010Sep 19, 2025
92
太空人那个效果是真不错
|
 |
paloaltoSep 19, 2025
93
|
 |
t783072156Sep 19, 2025
94
@Xinu 不用破碎，这很多方面都超出前端的范畴了。。对图形学没有两把刷子，整不出来
|
 |
MzM2ODkxSep 19, 2025
95
react-bits, vue-bits?
|
 |
MagicdoveSep 19, 2025
96
虽然很炫酷，但是电脑直接卡死了😅
|
 |
DYINASep 19, 2025
97
https://lusion.co/about
这里用滚轮交互真的太帅了 |
 |
iShaoSep 20, 2025 via Android
98
我在手机上看的，这也太牛逼了👍
|
 |
linkopeneyesSep 20, 2025
99
@aino 太空人那里也能还原吗
|
 |
v2AKSSep 20, 2025
100
我日，好几把炫酷
|
Select Language