代码之家 › 专栏 › 技术社区 › qbuffer

将BufferGeometry转换为使用FBXLoader的三种几何体。js

buffer-geometry geometry three.js javascript

qbuffer · 技术社区 · 6 年前

这是我的代码来加载一个。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 在我的加载器函数中,所以我不知道如何实现这段代码。

我想以可读的方式访问对象的顶点,这就是为什么我不想将其加载为 缓冲几何 .

1 回复 | 直到 6 年前

Garrett Johnson 6 年前

加载程序返回一个对象,该对象将包含具有几何体的网格。您需要遍历对象及其子对象,并在遇到它时转换缓冲区几何体。以下是如何实现这一目标的想法:

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...

});

希望有帮助!

推荐文章

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

5 月前

TheBeginner · 三个JS锥体在globe.gl中未显示为标记

11 月前

Mandroid · 类型错误:三。BufferAttribute:数组应该是类型化数组

11 月前

jamfury · 从集合中获取纹理

1 年前

Voy Hexag · 边几何体-从不位于原点的网格中绘制边界边

1 年前

Slaven Soldo · Three.js中只提取复杂缓冲几何体的外边缘

1 年前

Chiara Ani · 对象属于类并且在typescript中具有属性?

1 年前

Pilves · ThreeJS Div跟随鼠标

1 年前

liminalFrog · three.js-OrbitControls阻尼在鼠标按下时有效,但在鼠标停止移动时没有阻尼

1 年前

David Lin · 使用useRef钩子的React Fiber Mesh元素,“ref.current”可能是“未定义的”

1 年前