javascript - 如何从gltf对象获取几何

我已经使用three.js通过gltfloader获得了gltf，并且我想创建一个粒子系统。我需要获取几何对象，如何获取它

function initModel() {

    var planeGeometry = new THREE.PlaneGeometry(100, 100);
    var planeMaterial = new THREE.MeshLambertMaterial({color: 0xaaaaaa,
    side: THREE.DoubleSide});
    var plane = new THREE.Mesh(planeGeometry, planeMaterial);
    plane.rotation.x = -0.5 * Math.PI;
    plane.position.y = -.1;
    plane.receiveShadow = true;
    scene.add(plane);

    var loader = new THREE.GLTFLoader();
    loader.load('./../model/scene.gltf', function (gltf) {
        gltf.scene.scale.set(10,10,10);
        //how to get the geometry?

    });


}

最佳答案

您可以遍历模型以查找网格，或者在知道名称时使用getObjectByName（MeshName），然后从网格中选取几何。
就像是

var geometry = getObjectByName('Plane001').geometry;

如果网格名称为Plane001

我有一个简单的帮助程序方法，可从对象中查找类型的所有子级

findType(object, type) {
    object.children.forEach((child) => {
        if (child.type === type) {
            console.log(child);
        }
        this.findType(child, type);
    });
}

然后从加载程序中调用findType(gltf.scene, 'Mesh')以打印出模型中的所有网格

关于javascript - 如何从gltf对象获取几何，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56680582/