Three 之 three.js (webgl)基础 第二个入门案例之汽车模型加载和简单模型展示CarShow

上传者: u014361280 | 上传时间: 2022-06-03 12:44:46 | 文件大小: 3.18MB | 文件类型: ZIP
参考博文:https://blog.csdn.net/u014361280/article/details/124522330?spm=1001 一、简单介绍 Three js 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。 本节介绍, three.js (webgl)入门的第二个代码程序,实现一个汽车模型的加载,以及汽车模型的简单展示,简单的模型汽车行驶,并可以修改汽车模型的颜色等,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。 二、实现原理 1、场景构建三要素,scene、camera 和 renderer 2、模型加载器,这里使用的是 .glb 模型,所以使用的是GTLFLoader() 加载器,把汽车模型加载出来 3、材质 Material 的使用,这里通过材质赋给汽车模型,然后通过修改汽车的颜色,从而实现,汽车模型颜色的修改 4、汽车的模拟行驶,是通过,汽车车轮的旋转(汽车是原地旋转) 和 地面网线的移动实现 5、汽车多角度的观察,以及放大缩小,基本上都是通过 OrbitController 控制 Camera 位置远近灯变化实现的

文件下载

资源详情

[{"title":"( 14 个子文件 3.18MB ) Three 之 three.js (webgl)基础 第二个入门案例之汽车模型加载和简单模型展示CarShow","children":[{"title":"js","children":[{"title":"DRACOLoader.js <span style='color:#111;'> 12.79KB </span>","children":null,"spread":false},{"title":"RGBELoader.js <span style='color:#111;'> 11.72KB </span>","children":null,"spread":false},{"title":"OrbitControls.js <span style='color:#111;'> 25.02KB </span>","children":null,"spread":false},{"title":"GLTFLoader.js <span style='color:#111;'> 100.82KB </span>","children":null,"spread":false},{"title":"three.module.js <span style='color:#111;'> 1.13MB </span>","children":null,"spread":false},{"title":"gltf","children":[{"title":"draco_wasm_wrapper.js <span style='color:#111;'> 52.35KB </span>","children":null,"spread":false},{"title":"draco_encoder.js <span style='color:#111;'> 931.99KB </span>","children":null,"spread":false},{"title":"draco_decoder.wasm <span style='color:#111;'> 190.41KB </span>","children":null,"spread":false},{"title":"draco_decoder.js <span style='color:#111;'> 535.23KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"src","children":[{"title":"ferrari.glb <span style='color:#111;'> 1.60MB </span>","children":null,"spread":false},{"title":"venice_sunset_1k.hdr <span style='color:#111;'> 1.33MB </span>","children":null,"spread":false},{"title":"ferrari_ao.png <span style='color:#111;'> 38.43KB </span>","children":null,"spread":false}],"spread":true},{"title":"CarShow.html <span style='color:#111;'> 7.37KB </span>","children":null,"spread":false},{"title":"ReadMe.txt <span style='color:#111;'> 155B </span>","children":null,"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明