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

https://gamemcu.com/su7/

重贴一下链接

F12 看了一下，用 threejs 写的

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

@gainsurier #2 感谢

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

怎么还不能添加附言呢

@tagtag 什么插件？

@jojo0830 Wappalyzer

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

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

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

雀食牛逼

强烈请求开源看看

确实强...

评论区阿里云都跑出来了

好酷

我怎么进不去

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

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

右上角有制作者啊

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

酷

确实酷

哇，酷

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

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

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

太酷了

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

6 啊

我感觉模型建模更重要

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

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

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

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

大制作

@edgm 这个确实酷

厉害啊

厉害

three.js

是很叼

好帅！

太帅了

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

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

酷

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

是有点酷炫的



threejs 做的

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

@edgm 好牛

很酷

webGL 技术, 在前端渲染模型

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

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

@ynxh 这雷总不招聘一波？

Safari 打开是宋体？

帅啊

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

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

确实很酷，C4D 、blender 启动！

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

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

https://alpha.sougen.co/hub

元神，启动。

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

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

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

有点东西.

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

@edgm 大晚上的看饿了

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

卧槽好酷炫

@oneKnow #3 有点不跟手

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

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

作者很强 WebGL 水平一流

牛逼

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

这跟前端关系不大了已经

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

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

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

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

咋建模的啊

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

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

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

@edgm 这个创意不错

浏览器里做游戏系列

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

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

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

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

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

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

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

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

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

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

牛

@windmoonwind 同感