Question

如何使用THREE.OBJLoader方法渲染OBJ文件，我有一个示例OBJ格式，但它不会渲染任何内容，也不会在chrome dev工具中看到错误

Answer 1

查看https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_obj.html#L75

处的OBJLoader使用示例

（行动中http://mrdoob.github.com/three.js/examples/webgl_loader_obj.html）

var loader = new THREE.OBJLoader();
loader.load( objURL, function ( object ) {
  scene.add( object );
} );

Answer 2

尝试在场景中添加灯光，或者只是指定Obj a MeshBasicMaterial以查看其形状：

    var objLoader = new THREE.OBJLoader();
    var material = new THREE.MeshBasicMaterial({color: 'yellow', side: THREE.DoubleSide});
    objLoader.load('file.obj', function (obj) {
        obj.traverse(function (child) {

            if (child instanceof THREE.Mesh) {
                child.material = material;
            }

        });
        scene.add(obj);
    });

然后您可以看到模型实际上已经加载了。如果没有，请尝试调整相机的位置。

文档遗漏了光线，因此对于包括我在内的初学者而言，此时似乎相当混乱。：）

使用THREE.OBJLoader渲染OBJ文件

2 个答案: