推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 37 天前的主题，其中的信息可能已经有所发展或是发生改变。
https://lusion.co/projects/ 我想做一个差不多，threejs 有没有 demo
 |
1
gaoryrt 37 天前  3
|
 |
2
zhongchunfeng OP @gaoryrt 看起来好像，我研究研究，谢谢大佬
|
 |
3
realJamespond 37 天前 1
参考这个吧，原理都差不多，都是通过压力流速图画的，具体也没看懂
https://paveldogreat.github.io/WebGL-Fluid-Simulation/ |
 |
4
asdjgfr 37 天前
|
 |
5
Xinu 37 天前
翻了几个页面，效果太炫酷了。原本因为 ai 导致的对前端的轻视，荡然无存，道心破碎了
|
 |
6
Terry05 37 天前
这个页面做得太过于酷炫了
|
|
7
zhongchunfeng OP 看的我头都大了
|
 |
8
corcre 37 天前
好 tm 炫酷
|
 |
9
youyouzi 37 天前
电脑卡爆了。。。
|
 |
10
novaren 37 天前
这个是什么网站，好酷炫
|
 |
11
andyskaura 37 天前
这流体效果比较难搞
|
|
12
andyskaura 37 天前
@andyskaura 找到一个 shadertoy 的流体效果，可以抄到 webgl shader 中去 https://www.shadertoy.com/view/tsKXR3
|
|
13
zhongchunfeng OP @andyskaura #12 主要是底部那个粒子 跟水一样，不是简单的碰撞，难搞
|
 |
14
huihushijie1996 37 天前
直接偷
 |
 |
15
crocoBaby 37 天前
有现成的分享一下吗?
|
 |
16
akakidz 37 天前
|
 |
17
kokerkov 37 天前
Firefox 不能加载，chrome 打开卡卡的，你学他干嘛？
|
 |
18
qwqqwq 37 天前
我丢，这网站动效这么吊吗
|
 |
19
aino 37 天前
试了下 gemini 还原度 80%
|
|
20
zhongchunfeng OP @aino 真的假的，动效也还原了吗
|
|
22
zhongchunfeng OP @kokerkov 我这边 firefox 也是可以打开的，没什么区别 版本 107
|
 |
23
ZettarYuFan 37 天前
@aino cursor 里面用吗
|
 |
25
supuwoerc 37 天前
https://www.reactbits.dev/text-animations/split-text 我印象这里有，但是不想自己找了🐶
|
|
26
kokerkov 37 天前
@zhongchunfeng #22 估计是有什么插件拦截了。我另一台电脑的 firefox 确实没问题
|
|
27
zhongchunfeng OP |
|
28
zhongchunfeng OP @otakustay 是的，这个确实很不错，但是最重要的是底部那个粒子效果难弄。
|
|
29
zhongchunfeng OP |
 |
30
Greendays 37 天前
真酷炫啊，后端表示惊叹
|
 |
31
jnliyan1 37 天前
真酷，第一次见，牛皮
|
 |
32
shuhsio 37 天前
惊叹
|
 |
33
Yaavi 37 天前
你挑了这个网站中最简单的效果
|
 |
34
wuxidixi 37 天前
这网站真牛逼
|
 |
35
cwliang 37 天前
打开了一会没关，突然电脑风扇呼呼响，用了一年多的 mbp 这是第一次，m3 芯片 16gb 内存🤣
|
 |
36
Ramoncjs 37 天前
确实酷炫 amazing
|
|
37
Ramoncjs 37 天前
这个网站不同的页面有不同的配乐，音乐与网页动画结合的非常好，并且有非常强的反馈效果，做的真好啊
|
 |
38
JimLee0921 37 天前
怎么把这个网站前台源码偷了兄弟们，给个开源地址
|
 |
39
dsb2468 37 天前
动起来后，GPU 上升，风扇启动了。。。。。。
|
 |
40
LongTimeNoSee 37 天前
我用的 chrome 最新版打开非常卡
|
|
41
dsb2468 37 天前
右上角，about US 的页面，好好看！！！这是前端能做到的么
|
 |
42
L0L 37 天前
后端表示，酷炫的一批
|
 |
43
jackleeforce3615 37 天前
apple 官网的首页是不是也用到类似的 酷炫吊炸天
|
|
44
dsb2468 37 天前
@jackleeforce3615 苹果官网很多是视频
|
 |
45
qiaobeier 37 天前
一眼 three-js
|
 |
46
journalistFromHK 37 天前
orz 屌炸天啊
|
 |
47
zinco 37 天前
别说后端了，前端都目瞪狗呆
|
 |
48
living9696 37 天前
真的牛逼
|
 |
49
Heeee 37 天前
这也太炫了
|
 |
50
leibaio 37 天前
有点炫的，厉害
|
 |
51
keithwhisper 37 天前
@dsb2468 Chrome Experiments 里有超级多屌炸天的前端作品
|
 |
52
p1gd0g 37 天前
看到开头的进度条我就知道不简单
但是这也太花了，有点受不了 |
 |
53
rabbbit 37 天前
用的 Three.js
代码 https://lusion.co/_astro/hoisted.06a00660.js 相关的几个类 flipSim FlipAnimation 贴图 https://lusion.dev/assets/textures/flip_texture.png |
 |
54
zhw2590582 37 天前
特效炫酷是一回事，设计感也是一流，十年老前端都目瞪口呆
|
 |
55
NineTree 37 天前
真是炫酷啊
|
 |
56
woodchen 37 天前
太酷啦
|
 |
57
wellbeing 37 天前
M4 Pro 48G 内存，chrome 打开很丝滑
|
 |
58
DualVectorFoil 37 天前
@dsb2468 是的，点击不放还会进入子弹时间，帅得。
|
 |
59
yigefanqie 37 天前 via iPhone
前端表示自己太菜了
|
 |
60
zedking 37 天前
确实帅啊这网页
|
 |
61
jsq2627 37 天前 1
像这种网站，前端功力只占三成，七成还是靠顶流 UX 设计师。
认识几个顶流设计师，各种 WebGL shader 信手拈来，各种 3D 引擎都会一点。就算看代码可能觉得水平一般，不懂软件工程，图形学半吊子，但写出来的东西真的是漂亮。 |
 |
62
AV1 37 天前
太强了，
比现在那些泛滥的 AI 生成网页（高饱和紫色、大圆角、毛玻璃、霓虹灯特效）不知道高到哪里去了🐶 |
 |
63
ps3chinamj 37 天前 via Android
TEAM 007 还有一只猫
|
 |
64
Mutoo 37 天前
几年前写的 prototype/demo 可以参考一下，关键词：2d particle based fluid ，核心算法是 Double Density Relaxation:
https://codepen.io/mutoo/pen/zdgJoP |
 |
65
XLeopard 36 天前
Team 页真炫酷啊，这种团队介绍方式亮瞎眼
|
 |
66
DreamingCTW 36 天前 1
op 说的特效都是简单的了，首页往下拉有一个太空人，真给我看呆了....
https://lusion.co/ |
 |
67
MEIerer 36 天前
这么牛吗，要做这种效果
|
 |
69
skallz 36 天前
看了下技术栈，ssg 用的是 astro ，特效是 three.js ，不得不说非常有设计感
|
 |
71
yurenfeijing 36 天前
@jackleeforce3615 不是，这个是 three.js canvas 实现的，苹果官网好多是 css 的 matrix 实现的
|
 |
72
0900301432 36 天前
这个网站显卡差一点的都打不开，鼠标可以一直滚，页面会跟着换。点击链接的时候整个页面的动画都在变。关键是还有返回的动画。
|
 |
73
twomoe 36 天前
手机访问时，陀螺仪还可以影响动效……
|
 |
74
v2048 36 天前
看了下那个网站，效果还真挺特别的，鼠标划了一阵。顺便看了下 cpu ，这台电脑还可以，cpu 占用提高了点，但影响不大。
|
|
75
yurenfeijing 36 天前
@yurenfeijing 说错了，这个也有好多 css 实现的，about us 页面就有好多 transform3d
|
 |
76
hugozach 36 天前
我的天 这网站太炫酷了
|
 |
77
tequ1lAneio 36 天前
好酷炫的网站，有点爽啊
|
 |
78
cuixiaolu 36 天前
看到这个效果，真的太炫酷了。
|
 |
79
kongkxyang 36 天前 via Android
很炫，但手机上很卡
|
 |
80
SWBMESSI 36 天前
主页往下滑有个太空人，太炫酷了
|
|
81
andyskaura 36 天前
|
 |
82
WashFreshFresh 36 天前
按住左键不松还有别的效果。。。
|
 |
84
willbing 36 天前
|
 |
85
zhj0326 36 天前
@Xinu https://activetheory.net/ 感受一下这个
|
 |
86
Luffy0o 36 天前
设计、创意、美感都很棒，得是一个很懂设计的前端大神才能实现，缺一不可。
|
|
87
dsb2468 36 天前
@andyskaura 哈哈，点多了会掉渣明显
|
 |
88
x86 36 天前
这前端，不学也罢！
|
|
89
andyskaura 36 天前
@dsb2468 #87 是的
 所以原网页实例还有超出数量上限后自动将 y 坐标最小的移除的优化 |
 |
90
Quarter 36 天前 via Android
about 页面的那个山谷宇航员的效果真不错
|
 |
91
glzcc520 36 天前
膜拜
|
 |
92
sakae010 36 天前
太空人那个效果是真不错
|
 |
94
t783072156 36 天前
@Xinu 不用破碎，这很多方面都超出前端的范畴了。。对图形学没有两把刷子，整不出来
|
 |
95
MzM2ODkx 36 天前
react-bits, vue-bits?
|
 |
96
Magicdove 36 天前
虽然很炫酷，但是电脑直接卡死了😅
|
 |
97
DYINA 36 天前
https://lusion.co/about
这里用滚轮交互真的太帅了 |
 |
98
iShao 36 天前 via Android
我在手机上看的，这也太牛逼了👍
|
 |
99
linkopeneyes 35 天前
@aino 太空人那里也能还原吗
|
 |
100
v2AKS 35 天前
我日，好几把炫酷
|
Select Language