Question

我想获取从OBJMTLLoder加载的对象的线框，所以这里我的代码如下所示

var loader = new THREE.OBJMTLLoader();
                loader.load( 'obj/male02/male02.obj', 'obj/male02/male02_dds.mtl', function ( object ) {

                    object.traverse( function ( child ) {

                    if ( child instanceof THREE.Mesh )
                    {
                    child.geometry.computeFaceNormals();
                    var  geometry = child.geometry;
                    console.log(geometry);
                    geometry.dynamic = true;
                    material = new THREE.MeshLambertMaterial();
                    mesh = new THREE.Mesh(geometry, material);
                    scene.add(mesh);

                    var useWireFrame = true;
                        if (useWireFrame) {
                            mesh.traverse(function (child) {
                                if (child instanceof THREE.Mesh) child.material.wireframe = true;
                            });
                        }

                    }

                    object.position.y = - 80;
                    scene.add( object );

                    });

                } );

这很好用，我可以在我的对象上看到线框，不幸的是，我的对象材料已更改为MeshLambertMaterial。但我想用加载的对象的默认材料获取对象的线框，我可以使用threejs文档中的各种材质，但它们都没有给我一个默认对象材料的结果

Answer 1

我通过添加child.material来解决这个问题，所以这里是答案

loader.load( 'obj/male02/male02.obj', 'obj/male02/male02_dds.mtl', function ( object ) {

                    object.traverse( function ( child ) {

                    if ( child instanceof THREE.Mesh )
                    {
                    //child.geometry.computeFaceNormals();
                    var  geometry = child.geometry;
                    //console.log(geometry);
                    //geometry.dynamic = true;
                    material = child.material;
                     mesh = new THREE.Mesh(geometry, material);
                        scene.add(mesh);

                    var useWireFrame = true;
                        if (useWireFrame) {
                            mesh.traverse(function (child) {
                                if (child instanceof THREE.Mesh) 
                                {
                                child.material.wireframe = true;
                                child.material.color = new THREE.Color( 0x6893DE  );
                                }
                            });
                        }

                    }

                    object.position.y = - 80;
                    //scene.add( object );

                    });

在这里我添加了material = child.material;，就像geometry = child.geometry;一样，并且工作正常

三个js线框与对象材料

1 个答案: