su7 的页面好炫酷，要用什么技术才能写成这样

[zangzang]

rt.https://gamemcu.com/su7/.拖动车辆的时候动态的效果看起来好炫酷

https://gamemcu.com/su7/
网址
但是这个好炫酷。
写成这样的程序员值多少钱呢

[zangzang]

[gainsurier]

https://gamemcu.com/su7/

重贴一下链接

[oneKnow]

F12 看了一下，用 threejs 写的

[ynxh]

这 b 站某 up 主做的，不是官方的

[zangzang]

@gainsurier #2 感谢

[tagtag]

看请求是包含了好多 glb 格式的 3D 模型，然后用 Three.js (插件检测到了这个) 之类的库渲染，核心应该是这样。

[zangzang]

https://gamemcu.com/su7/

[zangzang]

怎么还不能添加附言呢

[jojo0830]

@tagtag 什么插件？

[tagtag]

@jojo0830 Wappalyzer

[Saulee]

确实很酷，居然不是官方的

[evada]

但是感觉在这个页面鼠标变笨重了

[LLLeo]

居然不是官方的 这个是用爱发电吗

[sunziren]

雀食牛逼

[momobear]

强烈请求开源看看

[QWE321ASD]

确实强...

[calano]

评论区阿里云都跑出来了

[oneisall8955]

好酷

[LHRUN]

我怎么进不去

[cyberCat]

https://threejs.org/
threejs 就是做这种，看看官方 demo 更有意思。

[zangzang]

@LHRUN #19 你是不是内网 。用热点试试

[qiqi77slh]

右上角有制作者啊

[skydcnmana]

显示器竖着的，结果它这页面还强行横过来。。。只能歪着头看了

[HTML001]

酷

[olaloong]

确实酷

[okrfuse]

哇，酷

[williamherry]

确实帅，见过最帅的页面了

[liangguan5]

我记得这个作者还弄过一个水墨杭州的网页，也超棒，估计 10 年前了吧

[zw1027]

汽车跑起来的时候我的风扇也起飞了，正好呢

[asche910]

太酷了

[body007]

下面最右边有 B 站视频链接。点进去可以看到作者解说。

[RLinux]

6 啊

[fishlium]

我感觉模型建模更重要

[nomytwins]

这是 threejs 的 3d 引擎，制作一台车建模+材质 估计要一个月

[nomytwins]

@nomytwins 还可以加开门动画，内饰全景，具体可以参考现代汽车的 720 全景看车，我们制作过几台车

[edgm]

日清的网站也不错
https://www.nissin.com/jp/

[leyliu]

@skydcnmana 巧了，突然锻炼了颈椎

[hafuhafu]

大制作

[ZzoxAA]

@edgm 这个确实酷

[Cloud9527]

厉害啊

[GGboom2233]

厉害

[LingFengXiYu]

three.js

[roding]

是很叼

[tim9527]

好帅！

[h9VZ3hilI68DVl36]

太帅了

[lilei2023]

这个主要功劳我觉得是设计（建模相关），其次才是前端（技术人员）

[lilei2023]

@edgm 这个网站差点没把我转晕了

[semiconlon]

酷

[wtf12138]

长按还能跑，动画很流程，牛的

[fzls]

是有点酷炫的

[Guidoo]



threejs 做的

[Jarme]

我感觉模型建模更重要，建模值钱，前端就是一个容器以及交互

[nuofei]

@edgm 好牛🐮

[zsk425]

很酷

[Gimorocun]

webGL 技术, 在前端渲染模型

[me1onsoda]

这个不是程序员牛逼，是建模的人牛逼

[SuspectX]

Threejs 官网里不少案例就很炫酷。

[suxiaoxiann]

@ynxh 这雷总不招聘一波？

[KevinChan]

Safari 打开是宋体？

[7gugu]

帅啊

[matrix1010]

sketchfab 里多的很，比如这个 https://sketchfab.com/3d-models/mclaren-senna-free-ea3e43a6eb004853a87fe9c58422eb96

[matrix1010]

至于值多少钱，sketchfab 已经被 Epic 收购了。模型不是问题，现成模型很多。WebGL 技术才是核心

[twofox]

确实很酷，C4D 、blender 启动！

哦，不好意思。。我不会 webGL

[twofox]

点 B 站看了一下，这个 UP 主我已经关注了

[lawler]

https://alpha.sougen.co/hub

元神，启动。

[shenhualv7]

这不招安雷子真是不懂事了

[Aierk]

放一个做的也很好的，https://exp-gemini.lusion.co/style

[LHRUN]

这才是我梦想中的前端, 跟这一比我做的是什么东西. 麻了

[CHENYIMING]

有点东西.

[leeum]

https://www.lamborghini.com/en-en/3d

[Wikey]

B 站上作者的介绍： https://www.bilibili.com/video/BV18x4y1m7Km/

[imsoso]

@edgm 大晚上的看饿了

[Rorysky]

必然基于 opengl 甚至使用的 3js

[lucifer518]

卧槽好酷炫

[ma836323493]

@oneKnow #3 有点不跟手

[marding]

好卡呀...半天没加载出来

[p1gd0g]

照这么说 unity 转 h5 是不是更好看

[Huelse]

作者很强 WebGL 水平一流

[shiguiyou]

牛逼

[MENGKE]

刚发现和作者在一个群里，确实厉害，之前的杭州水墨画也是他做的

[BUHeF254Lpd1MH06]

这跟前端关系不大了已经

[chanChristin]

我也分享一个 https://y-n10.com/

[yiranyibaozha]

代码技术其实还好，主要是建模吧

[thinkershare]

不值钱，这种玩意核心就不是程序员。

[UIXX]

我是做工业设备的，其实业界很多产品都是做成类似的展示，包括色盘、透视、导航、拆装零部件实渲动画。
一般的技术栈是 C4D/Blender 建模+Three/babylon 前端展示。也有一些公司专门做这个，比如之前有人问过的 https://www.jig.space/

[Tink]

咋建模的啊

[gdrk]

模型难搞啊，都不是一个行当了

[windmoonwind]

@ynxh 很炫，但做这个是需要官方提供模型的，这些年汽车厂家的官网 3D 看车功能都是 Three.js 或者其他 WebGL 实现的，前提就是要基于官方提供的模型渲染。

这个车主到现在还没被小米发传票，更证明了他和厂家必然有内情，或者说其实这就是小米的一波营销...

[echoyangjx]

@edgm 这个创意不错

[leaflxh]

浏览器里做游戏系列

不是传统的 css 样式就能做出来

[anoyi]

很早前就有这个页面的开源项目了，不过汽车不是 SU7

[xzh654321]

有一说一，用不着 webGL ，three 里都是现成的，拿模型一加就行了，模型也不复杂，可能那个流线稍微有点难度

[qinfengge]

为啥我 chrome 卡的要死，换 edge 就好了？调用显卡了？

[HeyWeGo]

需要建模，材质的可以联系哈，之前帮人弄过

[BeautifulSoap]

threejs 官网的示例里有挺多类似的，不过小米这个动效更加自然顺滑

https://www.lamborghini.com/en-en/3d
https://renaultespace.littleworkshop.fr/

[fyxtc]

都说隔行如隔山，其实行内隔得也挺大的，哈哈，用过 three.js 的可能只要动画稍微处理一下就行了，什么模型贴图都是给啥用啥，前端是这个流水线最后也是权重最低的一环。

[lefer]

太强大了。唯一的问题是我的笔记本点开后风扇狂转。

[ShadowPower]

技术方面还好，美术方面比较厉害……

[xqk111]

牛

[jianguoni]

@windmoonwind 同感