three.js 加载外部模型的几种方法及格式


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

2.three.js核心对象

   Scene(场景)

 Camera(相机)

 Light(光源)

 Mesh(模型)

 Renderer(渲染器)

3.gltf模型导入

需要用到的JS包

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

4.OBJ模型的导入

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);
    })
})