ThreejS: Uncaught TypeError: e.OBJMTLLoader is not a constructor

时间:2021-04-19 10:27:39

标签: html compiler-errors three.js loader

我正在尝试使用 .obj 和 .mtl 文件(使用three.js)将立方体网格替换为汽车网格

但是每次我遇到这个错误:

Uncaught TypeError: e.OBJMTLLoader is not a constructor

我确保包含库 () 并且没有拼写错误。

这是我加载网格模型的方式:

var loader = new THREE.OBJMTLLoader();
loader.load('./toycar.obj', './toycar.mtl',
    function (object) {
        toycar = object;
        toycar.rotateX(-12); //toycar.rotateZ(-10.99);
        toycar.rotateY(4.718);
        scene.add(toycar);
    });

这就是我使用它在 y 轴上移动模型的方式:

if (toycar != undefined){
        toycar.position.y = disp * 0.07; // z for rightLeft, y for upDown

        var relativeCameraOffset = new THREE.Vector3(5, 0, 0); // change camera offset
        var cameraOffset = relativeCameraOffset.applyMatrix4(toycar.matrixWorld);
        camera.position.x = cameraOffset.x;
        camera.position.y = cameraOffset.y;
        camera.position.z = cameraOffset.z;
        camera.lookAt(toycar.position);
    }
    

此时,我不确定是什么导致了这个错误发生。

1 个答案:

答案 0 :(得分:2)

THREE.OBJMTLLoader 在存储库中不存在。只有 OBJLoaderMTLLoader。只有当您也想加载材料时才需要后者。

我建议您学习 webgl_loader_obj_mtl 以展示两者的使用方式。典型的代码如下所示:

new MTLLoader().load( 'materials.mtl', function ( materials ) {

    materials.preload();

    new OBJLoader()
        .setMaterials( materials )
        .load( 'object.obj', function ( object ) {

            scene.add( object );

    } );

} );