three.js 加載外部模型的幾種方法及格式

1.Threejs支持了許多格式的3D模型導入，包括*.obj、 *.sea、*.3mf 、*.amf、*.sea、*.pmd、*.json等。

2.three.js核心對象

   Scene（場景）

　Camera（相機）

　Light（光源）

　Mesh（模型）

　Renderer（渲染器）

3.gltf模型導入

需要用到的JS包

<script src="js/GLTFLoader.js"></script>

 

let objLoader = new THREE.GLTFLoader();
objLoader.load('js/models/obj/1.gltf', function(gltf) {
    model = gltf.scene;
    scene.add(model);
}）

 

4.OBJ模型的導入

<script src="js/MTLLoader.js"></script>

<script src="js/OBJLoader.js"></script>

 

 

var mtlLoader = new THREE.MTLLoader();
mtlLoader.setCrossOrigin('');
mtlLoader.setPath('js/models/');
mtlLoader.load('1.mtl',function(materials){
   materials.preload();
   var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials(materials);
    objLoader.setPath('js/models/');
    objLoader.load('1.obj',function(object){
scene.add(object);
    })
})