在使用Three.js加载模型之前,需要先引入相关的JavaS
cr
i
pt
文件:
<script src="https://cdn.bootcdn.net/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/three.js/r128/OrbitControls.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/three.js/r128/MTLLoader.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/three.js/r128/OBJLoader.min.js"></script>
接着,可以通过以下代码加载一个OBJ或者MTL文件:
//创建OBJLoader和MTLLoader
var mtlLoader = new THREE.MTLLoader();
var objLoader = new THREE.OBJLoader();
//设置MTL文件地址
mtlLoader.load('objfile.mtl', function(materials) {
materials.preload();
//设置OBJ文件地址
objLoader.setMaterials(materials);
objLoader.load('objfile.obj', function(object) {
//将模型加入场景
scene.add(object);
其中,mtlLoader负责加载MTL材质文件,objLoader负责加载OBJ模型文件。objLoader可以通过"setMaterials"方法将材质应用到模型上。最后,将加载出来的三维模型加入场景中即可。