three.js obj和mtl文件呈现带阴影的黑色

时间:2016-09-18 17:33:39

标签: javascript 3d three.js .obj

我正在尝试使用three.js在浏览器中加载3dsmax .obj和.mtl文件。

我正在使用本教程和代码..

obj模型正在加载成功,但它看起来很暗,而不是应该的样子。

enter image description here

我应该怎么做才能在物体上留下黑点。

我应该如何从各个方面添加灯光?

这是脚本 -

 <form action="posts/{{user}}" method="POST">

1 个答案:

答案 0 :(得分:2)

参考:three.js load obj/mtl renders black

自r74以来已删除OBJMTLLoader。你应该使用MTLLoader和OBJLoader。

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

还可以尝试将环境光添加到场景中以检查材料是否已正确加载。

var ambientLight = new THREE.AmbientLight('#fff');
scene.add(ambientLight);