三个JS - 用于对象格式的网格的线框

Question

我试图显示加载OBJLoader()的目标文件的线框。这是我正在使用的代码的一部分：

var loader = new THREE.OBJLoader();

loader.load( filePath, function ( object ) {

        object.traverse( function ( child ) {

        if ( child instanceof THREE.Mesh ){

        var  geometry = child.geometry;

        materialMesh = child.material;

        mesh = new THREE.Mesh(geometry, materialMesh);

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

          }// end if

           scene.add( object );
        });

    });

在下图中，我想得到的结果是：

但是，这是我的代码所得到的：

每个细胞都有对角线！任何人都可以告诉我应该修改什么来获得相当于第一张图片的结果吗？

谢谢！

Answer 1

线框辅助器通常可视化由其基元定义的对象的实际线框模型。四边形在WebGL中不是原始的。只有三角形，直线和点（参见WebGL specification）。因此，three.js中也没有线框辅助工具可以产生您想要的视觉效果。