three.js 加載 obj模型

mtl文件  模型的材質信息，比如模型顏色、透明度等信息，還有紋理貼圖的路徑，比如顏色貼圖、法線貼圖、高光貼圖等等。

obj 模型 2進制模型文件

 

 https://threejs.org/

js 文件去官網下載就行了

其他代碼普通的一樣就省略了

官方文檔： https://threejs.org/docs/index.html#examples/en/loaders/OBJLoader

 
          
            import * as THREE from './js/three.module.js'; 
           
          
 
          
            import Stats from './js/stats.module.js'; 
           
          
            import { OBJLoader } from './js/OBJLoader.js'; 
           
         

function loadObj(){
            var loader = new OBJLoader();

            loader.load( './3d/banana.obj', function ( obj ) {
                let object = obj;
                
                object.scale.set(3,3,3);
                object.children[0].material.color.set(0xe8b73b);
                object.rotation.x = 1;
                object.rotation.y = 0.3;
                scene.add(object);
            });

            var light = new THREE.DirectionalLight(0xffffff);//光源顏色
            light.position.set(20, 10, 1305);//光源位置
            scene.add(light);//光源添加到場景中
}