在 Three.js 中使用 FBXLoader 将 BufferGeometry 转换为 Geometry

Question

这是我加载 .fbx 对象的代码，它默认将对象加载为BufferGeometry：

var loader = new THREE.FBXLoader();

async function loadFiles(scene,props) {

  const {files, path, childName, fn} = props;

  if (index > files.length - 1) return;
  loader.load(path+files[index], object => {
    // apply functions / transformations to obj
    let sceneObj = fn.call(null,object,props);
    if (sceneObj) { scene.add(sceneObj) }

    // add obj to scene and push to array
    scene.add(object);
    objects.push(object);

    // if there is another object to load, load it
    index++;
    loadFiles(scene,props);
  });
}

我想使用var geometry = new THREE.Geometry().fromBufferGeometry( bufferGeometry ); 来解决这个问题，但我似乎没有在我的加载程序函数中构建mesh，所以我不知道如何实现此代码。

我想以可读的方式访问对象的顶点，这就是为什么我不希望它加载为BufferGeometry。

Answer 1

加载器返回一个对象，该对象将包含具有几何图形的网格。您需要遍历对象及其子对象并在遇到它时转换 BufferGeometry。以下是如何实现这一目标的想法：

loader.load(path+files[index], object => {

    // iterate over all objects and children
    object.traverse(child => {

        // convert the buffer geometry
        if (child.isMesh && child.geometry.isBufferGeometry) {

            const bg = child.geometry;
            child.geometry = (new THREE.Geometry()).fromBufferGeometry(bg);

        }

    });

    // ... do something with the loaded model...

});

希望有帮助！