ThreeJs加载的顶点比obj文件中的顶点多

Question

我有以下代码：

function render_obj(objPath){
  var loader = new THREE.OBJLoader();
  loader.load(
    objPath,
    function ( object ) {
      child = object.children[0];
      var geometry = new THREE.Geometry().fromBufferGeometry( child.geometry );      
      var material = new THREE.MeshBasicMaterial({wireframe: true});
      model = new THREE.Mesh(geometry, material);
      scene.add(model);
    },
    function ( xhr ) {
      console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
    },
    function ( error ) {
      console.log( 'An error happened' );
    }
  );
};

现在man.obj有214个顶点和332个面。 当我通过执行以下操作检查脸部： model.geometry.faces.length我得到332是正确的。 当我执行model.geometry.vertices.length我得到996，我应该得到214 ...

这是为什么 ？

Answer 1

您正在使用的装载程序正在创建称为“三角汤”的东西。 这意味着您的N个三角形实际上是由N * 3个顶点定义的。 三角形本身并不真正存在，只是从顶点进行解释。 前三个组成一个三角形，下三个组成，依此类推。 如果您拥有连续的平滑网格，则将复制许多顶点。

您可能感兴趣的是“索引”几何。 在这种类型的几何图形中，您有一个实际的三角形缓冲区，其中包含用于顶点的索引。 在连续的平滑网格中，一个顶点可以被许多三角形共享。