昨日,小米SU7的发布引起了广泛关注。作为小米的第一款纯电动汽车,其目标是对标保时捷和特斯拉,打造小米汽车工业的DreamCar。
发布会结束后,小米汽车在社交平台上称,小米SU7开售后4分钟大定突破了1万台,开售后7分钟大定突破了2万台,开售后27分钟大定突破了5万台,非常火爆。
而在发布会前夕,技术圈疯传的B站UP主gamemcu
通过 Three.js 实现的小米SU7在线 3D 互动体验网页也异常火爆,网友调侃把小米汽车官网替换一下,据说已经转发雷总看了 哈哈,网站一度因为访问量太大,临时关闭,UP主在线求助。
引来了阿里云官宣回应
目前网站已经能正常访问,还得是阿里云!感兴趣的可以去看看,该网页支持多角度观察SU7车型,还可以自定义更换七种不同颜色的车漆选项,右侧提供了车身、风阻、雷达等选项,只需长按鼠标左键就能触发各种酷炫特效。
Three.js 是一个开源的应用级 3D JavaScript 库,可以让开发者在网页上创建 3D 体验。Three.js 屏蔽了 WebGL 的底层调用细节,让开发者能更快速的进行 3D 场景效果的开发。
今天再给大家分享几个和汽车有关的 Three.js 开源项目。
3d-car-showcase
3d-car-showcase 是一个基于Vue 3.0 和 Three.js 开发的一个保时捷-911 3D 展柜项目。
- 在线预览
totorozuo.github.io/3d-car-show…
- 源码地址
Three.js-City
一个 3D 互动城市,有一辆可以驾驶的汽车,用 Three.js 实现。
- 在线预览
mauriciopoppe.github.io/Three.js-Ci…
- 源码地址
Car-Controller-Threejs
Three.js 实现的汽车控制器,移动所需的键:W,A,S,D,空格键刹车。
- 在线预览
car-controller-threejs.netlify.app/
- 源码地址
GGK 汽车
Three.js 实现可驾驶的 GGK 汽车
- 在线预览
- 源码地址
CarRacing
一场快速的比赛。
- 在线预览
- 源码地址
Automotive-configurator
用于使用 WebGL 渲染配置零售汽车的视觉外观。该项目是使用 ThreeJS 库创建的,模型格式为 glTF。模型文件是从 www.tf3dm.com
下载的,并使用 Blender 进行了优化,以实现实时渲染功能。
- 在线预览
rendercodeninja.github.io/automotive-…
- 源码地址