参考博文: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 位置远近灯变化实现的
1