
rt.https://gamemcu.com/su7/.拖动车辆的时候动态的效果看起来好炫酷
1 zangzang OP |
2 gainsurier 2024-03-27 14:08:13 +08:00 via iPhone |
3 oneKnow 2024-03-27 14:08:52 +08:00 F12 看了一下,用 threejs 写的 |
4 ynxh 2024-03-27 14:11:40 +08:00 这 b 站某 up 主做的,不是官方的 |
5 zangzang OP @gainsurier #2 感谢 ![]() |
6 tagtag 2024-03-27 14:13:13 +08:00 看请求是包含了好多 glb 格式的 3D 模型,然后用 Three.js (插件检测到了这个) 之类的库渲染,核心应该是这样。 |
7 zangzang OP |
8 zangzang OP 怎么还不能添加附言呢 |
11 Saulee 2024-03-27 14:25:54 +08:00 确实很酷,居然不是官方的 |
12 evada 2024-03-27 14:34:41 +08:00 但是感觉在这个页面鼠标变笨重了 |
13 LLLeo 2024-03-27 14:41:27 +08:00 居然不是官方的 这个是用爱发电吗 |
14 sunziren 2024-03-27 14:44:57 +08:00 雀食牛逼 |
15 momobear 2024-03-27 14:59:44 +08:00 强烈请求开源看看 |
16 QWE321ASD 2024-03-27 15:08:20 +08:00 确实强... |
17 calano 2024-03-27 15:08:32 +08:00 评论区阿里云都跑出来了 |
18 itechify PRO 好酷 |
19 LHRUN 2024-03-27 15:10:20 +08:00 我怎么进不去 |
20 cyberCat 2024-03-27 15:16:57 +08:00 https://threejs.org/ threejs 就是做这种,看看官方 demo 更有意思。 |
22 qiqi77slh 2024-03-27 15:33:47 +08:00 右上角有制作者啊 |
23 skydcnmana 2024-03-27 15:43:05 +08:00 显示器竖着的,结果它这页面还强行横过来。。。只能歪着头看了 |
24 HTML001 2024-03-27 15:50:22 +08:00 酷 |
25 olaloong 2024-03-27 15:56:02 +08:00 确实酷 |
26 okrfuse 2024-03-27 15:58:04 +08:00 哇,酷 |
27 williamherry 2024-03-27 16:01:30 +08:00 确实帅,见过最帅的页面了 |
28 liangguan5 2024-03-27 16:03:21 +08:00 via iPhone 我记得这个作者还弄过一个水墨杭州的网页,也超棒,估计 10 年前了吧 |
29 zw1027 2024-03-27 16:03:22 +08:00 汽车跑起来的时候我的风扇也起飞了,正好呢 |
30 asche910 2024-03-27 16:04:33 +08:00 太酷了 |
31 body007 2024-03-27 16:07:11 +08:00 下面最右边有 B 站视频链接。点进去可以看到作者解说。 |
32 RLinux 2024-03-27 16:09:35 +08:00 6 啊 |
33 fishlium 2024-03-27 16:13:30 +08:00 我感觉模型建模更重要 |
34 nomytwins 2024-03-27 16:29:03 +08:00 这是 threejs 的 3d 引擎,制作一台车建模+材质 估计要一个月 |
36 edgm 2024-03-27 16:30:46 +08:00 日清的网站也不错 https://www.nissin.com/jp/ |
37 leyliu 2024-03-27 16:32:33 +08:00 @skydcnmana 巧了,突然锻炼了颈椎 |
38 hafuhafu 2024-03-27 16:33:27 +08:00 大制作 |
40 Cloud9527 2024-03-27 16:47:02 +08:00 厉害啊 |
41 GGboom2233 2024-03-27 16:56:27 +08:00 厉害 |
42 LingFengXiYu 2024-03-27 16:56:28 +08:00 three.js |
43 roding 2024-03-27 17:03:33 +08:00 是很叼 |
44 tim9527 2024-03-27 17:10:24 +08:00 好帅! |
45 h9VZ3hilI68DVl36 2024-03-27 17:20:29 +08:00 太帅了 |
46 lilei2023 2024-03-27 17:22:34 +08:00 这个主要功劳我觉得是设计(建模相关),其次才是前端(技术人员) |
48 semiconlon 2024-03-27 17:26:12 +08:00 酷 |
49 milkzizi 2024-03-27 17:27:22 +08:00 长按还能跑,动画很流程,牛的 |
50 fzls 2024-03-27 17:27:40 +08:00 是有点酷炫的 |
51 Guidoo 2024-03-27 17:27:42 +08:00 |
52 Jarme 2024-03-27 17:50:35 +08:00 我感觉模型建模更重要,建模值钱,前端就是一个容器以及交互 |
54 zsk425 2024-03-27 18:10:09 +08:00 很酷 |
55 Gimorocun 2024-03-27 18:29:31 +08:00 webGL 技术, 在前端渲染模型 |
56 me1onsoda 2024-03-27 18:40:29 +08:00 这个不是程序员牛逼,是建模的人牛逼 |
57 SuspectX 2024-03-27 18:41:58 +08:00 via Android Threejs 官网里不少案例就很炫酷。 |
59 KevinChan 2024-03-27 19:13:22 +08:00 Safari 打开是宋体? |
60 7gugu 2024-03-27 19:17:28 +08:00 帅啊 |
61 matrix1010 2024-03-27 19:41:57 +08:00 |
62 matrix1010 2024-03-27 19:53:20 +08:00 至于值多少钱,sketchfab 已经被 Epic 收购了。模型不是问题,现成模型很多。WebGL 技术才是核心 |
63 twofox 2024-03-27 20:08:43 +08:00 确实很酷,C4D 、blender 启动! 哦,不好意思。。我不会 webGL |
64 twofox 2024-03-27 20:14:32 +08:00 点 B 站看了一下,这个 UP 主我已经关注了 |
65 lawler 2024-03-27 20:35:57 +08:00 |
66 shenhualv7 2024-03-27 21:18:25 +08:00 via Android 这不招安雷子真是不懂事了 |
67 Aierk 2024-03-27 22:09:15 +08:00 放一个做的也很好的,https://exp-gemini.lusion.co/style |
68 LHRUN 2024-03-27 22:13:23 +08:00 这才是我梦想中的前端, 跟这一比我做的是什么东西. 麻了 |
69 HllY0HDby2JDeDC0 2024-03-27 22:17:06 +08:00 有点东西. |
70 leeum 2024-03-27 22:23:44 +08:00 |
71 Wikey 2024-03-27 23:01:32 +08:00 B 站上作者的介绍: https://www.bilibili.com/video/BV18x4y1m7Km/ |
73 Rorysky 2024-03-28 00:15:29 +08:00 必然基于 opengl 甚至使用的 3js |
74 lucifer518 2024-03-28 00:58:38 +08:00 卧槽好酷炫 |
76 marding 2024-03-28 09:35:16 +08:00 好卡呀...半天没加载出来 |
77 p1gd0g 2024-03-28 09:41:33 +08:00 照这么说 unity 转 h5 是不是更好看 |
78 Huelse 2024-03-28 09:42:34 +08:00 作者很强 WebGL 水平一流 |
79 shidapi 2024-03-28 09:43:57 +08:00 牛逼 |
80 MENGKE 2024-03-28 10:15:34 +08:00 刚发现和作者在一个群里,确实厉害,之前的杭州水墨画也是他做的 |
81 BUHeF254Lpd1MH06 2024-03-28 10:21:03 +08:00 这跟前端关系不大了已经 |
82 Leeeeex PRO 我也分享一个 https://y-n10.com/ |
83 yiranyibaozha 2024-03-28 10:36:49 +08:00 代码技术其实还好,主要是建模吧 |
84 thinkershare 2024-03-28 10:41:36 +08:00 不值钱,这种玩意核心就不是程序员。 |
85 UIXX 2024-03-28 10:52:21 +08:00 我是做工业设备的,其实业界很多产品都是做成类似的展示,包括色盘、透视、导航、拆装零部件实渲动画。 一般的技术栈是 C4D/Blender 建模+Three/babylon 前端展示。也有一些公司专门做这个,比如之前有人问过的 https://www.jig.space/ |
86 Tink PRO 咋建模的啊 |
87 gdrk 2024-03-28 11:03:05 +08:00 模型难搞啊,都不是一个行当了 |
88 windmoonwind 2024-03-28 11:21:38 +08:00 @ynxh 很炫,但做这个是需要官方提供模型的,这些年汽车厂家的官网 3D 看车功能都是 Three.js 或者其他 WebGL 实现的,前提就是要基于官方提供的模型渲染。 这个车主到现在还没被小米发传票,更证明了他和厂家必然有内情,或者说其实这就是小米的一波营销... |
89 echoyangjx 2024-03-28 11:29:31 +08:00 @edgm 这个创意不错 |
90 leaflxh 2024-03-28 11:31:28 +08:00 浏览器里做游戏系列 不是传统的 css 样式就能做出来 |
91 anoyi 2024-03-28 11:31:54 +08:00 很早前就有这个页面的开源项目了,不过汽车不是 SU7 |
92 xzh654321 2024-03-28 11:35:08 +08:00 有一说一,用不着 webGL ,three 里都是现成的,拿模型一加就行了,模型也不复杂,可能那个流线稍微有点难度 |
93 qinfengge 2024-03-28 11:47:05 +08:00 为啥我 chrome 卡的要死,换 edge 就好了?调用显卡了? |
94 HeyWeGo 2024-03-28 11:48:47 +08:00 需要建模,材质的可以联系哈,之前帮人弄过 |
95 BeautifulSoap 2024-03-28 11:54:01 +08:00 threejs 官网的示例里有挺多类似的,不过小米这个动效更加自然顺滑 https://www.lamborghini.com/en-en/3d https://renaultespace.littleworkshop.fr/ |
96 hikarugo 2024-03-28 12:33:51 +08:00 都说隔行如隔山,其实行内隔得也挺大的,哈哈,用过 three.js 的可能只要动画稍微处理一下就行了,什么模型贴图都是给啥用啥,前端是这个流水线最后也是权重最低的一环。 |
97 lefer 2024-03-28 12:50:58 +08:00 太强大了。唯一的问题是我的笔记本点开后风扇狂转。 |
98 ShadowPower 2024-03-28 12:58:07 +08:00 技术方面还好,美术方面比较厉害…… |
99 xqk111 2024-03-28 13:34:29 +08:00 牛 |
100 jianguoni 2024-03-28 13:36:16 +08:00 @windmoonwind 同感 |