Three.js 是一个开源的应用级 3D JavaScript 库,可以让开发者在网页上创建 3D 体验。Three.js 屏蔽了 WebGL 的底层调用细节,让开发者能更快速的进行 3D 场景效果的开发。
今天再给大家分享几个和汽车有关的 Three.js 开源项目。
3d-car-showcase
3d-car-showcase 是一个基于Vue 3.0 和 Three.js 开发的一个保时捷-911 3D 展柜项目。
在线预览
https://totorozuo.github.io/3d-car-showcase/
源码地址
https://github.com/TotoroZuo/3d-car-showcase
Three.js-City
一个 3D 互动城市,有一辆可以驾驶的汽车,用 Three.js 实现。
在线预览
http://mauriciopoppe.github.io/Three.js-City/T3/
源码地址
https://github.com/mauriciopoppe/Three.js-City
Car-Controller-Threejs
Three.js 实现的汽车控制器,移动所需的键:W,A,S,D,空格键刹车。
在线预览
https://car-controller-threejs.netlify.app/
源码地址
https://github.com/abhicominin/Car-Controller-Threejs
GGK 汽车
Three.js 实现可驾驶的 GGK 汽车
在线预览
http://jrlazz.eu5.org/ggk/ggk.html
源码地址
http://jrlazz.eu5.org/ggk/ggk.txt
CarRacing
一场快速的比赛。
在线预览
https://hofk.de/main/discourse.threejs/2021/CarRacing/CarRacing.html
源码地址
https://github.com/hofk/THREEg.js/tree/master/examples
Automotive-configurator
用于使用 WebGL 渲染配置零售汽车的视觉外观。该项目是使用 ThreeJS 库创建的,模型格式为 glTF。模型文件是从 www.tf3dm.com 下载的,并使用 Blender 进行了优化,以实现实时渲染功能。
在线预览
https://rendercodeninja.github.io/automotive-configurator/
源码地址
https://github.com/RendercodeNinja/automotive-configurator
推荐本站淘宝优惠价购买喜欢的宝贝:
本文链接:https://hqyman.cn/post/6629.html 非本站原创文章欢迎转载,原创文章需保留本站地址!
休息一下~~