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