这是一个创建于 368 天前的主题，其中的信息可能已经有所发展或是发生改变。
rt.https://gamemcu.com/su7/.拖动车辆的时候动态的效果看起来好炫酷
第 1 条附言 · 2024-03-27 15:02:36 +08:00
 |
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
oneisall8955 2024-03-27 15:09:54 +08:00 via Android
好酷
|
 |
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  6
日清的网站也不错
https://www.nissin.com/jp/ |
 |
37
leyliu 2024-03-27 16:32:33 +08:00 1
@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
wtf12138 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
 )threejs 做的 |
 |
52
Jarme 2024-03-27 17:50:35 +08:00 1
我感觉模型建模更重要，建模值钱，前端就是一个容器以及交互
|
 |
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 官网里不少案例就很炫酷。
|
 |
58
suxiaoxiann 2024-03-27 19:11:21 +08:00
@ynxh 这雷总不招聘一波？
|
 |
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 1
放一个做的也很好的，https://exp-gemini.lusion.co/style
|
|
68
LHRUN 2024-03-27 22:13:23 +08:00 2
这才是我梦想中的前端, 跟这一比我做的是什么东西. 麻了
|
 |
69
CHENYIMING 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
卧槽好酷炫
|
 |
75
ma836323493 2024-03-28 09:25:45 +08:00
@oneKnow #3 有点不跟手
|
 |
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
shiguiyou 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
chanChristin 2024-03-28 10:21:25 +08:00
我也分享一个 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 2024-03-28 10:55:18 +08:00
咋建模的啊
|
 |
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
fyxtc 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 同感
|
Select Language