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

[zangzang]

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

[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 同感