18three.js加载obj模型和材质

最新推荐文章于 2024-05-20 09:16:15 发布

X01动力装甲

最新推荐文章于 2024-05-20 09:16:15 发布

阅读量912

点赞数

本文为博主原创文章，未经作者允许禁止任何形式的转载。

本文链接：https://blog.csdn.net/lin5165352/article/details/81571827

版权

18three.js加载obj模型和材质

图片.png

obj和mtl加载器更新变化很大。
下面的代码是92版本的代码，参考官方的案例。

        var onProgress = function ( xhr ) {
            if ( xhr.lengthComputable ) {
                var percentComplete = xhr.loaded / xhr.total * 100;
                console.log( Math.round( percentComplete, 2 ) + '% downloaded' );
            }
        };
        var onError = function(xhr) {};
        var mtlLoader = new THREE.MTLLoader();
        mtlLoader.setPath('models/');
        mtlLoader.load('Rhino_3.mtl', function(materials) {
            materials.preload();
            var objLoader = new THREE.OBJLoader();
            objLoader.setMaterials(materials);
            objLoader.setPath('models/');
            objLoader.load('Rhino_3.OBJ', function(object) {
                object.position.y = 3.5;
                object.scale.set(8, 8, 8);
                scene.add(object);
                console.log(object);
            }, onProgress, onError);
        });

        var mtlLoader1 = new THREE.MTLLoader();
        mtlLoader1.setPath('models/');
        mtlLoader1.load('Rhino_1.mtl', function(materials) {
            materials.preload();
            var objLoader = new THREE.OBJLoader();
            objLoader.setMaterials(materials);
            objLoader.setPath('models/');
            objLoader.load('Rhino_1.OBJ', function(object) {
                object.position.y = 3.5;
                object.position.z = 5.5;
                object.scale.set(8, 8, 8);
                scene.add(object);
                console.log(object);
            }, onProgress, onError);
        });