Three.js 那些和汽车有关的开源项目

877 阅读2分钟

昨日,小米SU7的发布引起了广泛关注。作为小米的第一款纯电动汽车,其目标是对标保时捷和特斯拉,打造小米汽车工业的DreamCar。

发布会结束后,小米汽车在社交平台上称,小米SU7开售后4分钟大定突破了1万台,开售后7分钟大定突破了2万台,开售后27分钟大定突破了5万台,非常火爆。

而在发布会前夕,技术圈疯传的B站UP主gamemcu通过 Three.js 实现的小米SU7在线 3D 互动体验网页也异常火爆,网友调侃把小米汽车官网替换一下,据说已经转发雷总看了 哈哈,网站一度因为访问量太大,临时关闭,UP主在线求助。

图片

引来了阿里云官宣回应

图片

图片

目前网站已经能正常访问,还得是阿里云!感兴趣的可以去看看,该网页支持多角度观察SU7车型,还可以自定义更换七种不同颜色的车漆选项,右侧提供了车身、风阻、雷达等选项,只需长按鼠标左键就能触发各种酷炫特效。

Three.js 太强了!在线体验 小米 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…

  • 源码地址

github.com/TotoroZuo/3…

Three.js-City

图片

一个 3D 互动城市,有一辆可以驾驶的汽车,用 Three.js 实现。

  • 在线预览

mauriciopoppe.github.io/Three.js-Ci…

  • 源码地址

github.com/mauriciopop…

Car-Controller-Threejs

图片

Three.js 实现的汽车控制器,移动所需的键:W,A,S,D,空格键刹车。

  • 在线预览

car-controller-threejs.netlify.app/

  • 源码地址

github.com/abhicominin…

GGK 汽车

Three.js 实现可驾驶的 GGK 汽车

图片

  • 在线预览

jrlazz.eu5.org/ggk/ggk.htm…

  • 源码地址

jrlazz.eu5.org/ggk/ggk.txt

CarRacing

图片

一场快速的比赛。

  • 在线预览

hofk.de/main/discou…

  • 源码地址

github.com/hofk/THREEg…

Automotive-configurator

图片

图片

用于使用 WebGL 渲染配置零售汽车的视觉外观。该项目是使用 ThreeJS 库创建的,模型格式为 glTF。模型文件是从 www.tf3dm.com 下载的,并使用 Blender 进行了优化,以实现实时渲染功能。

  • 在线预览

rendercodeninja.github.io/automotive-…

  • 源码地址

github.com/RendercodeN…