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