在 Thre.js 中从 GLTFLaoder().load() 创建网格

Question

我有一个本地 3D object model 并加载它：

const loader = new GLTFLoader();
loader.load("path/to/model", gltf => {
  scene.add(gltf.scene);
});

我应该如何从 gltf 中创建mesh ，因为当我尝试时：

loader.load("path/to/model", (geometry, materials) => {
  var mesh = new THREE.Mesh(geometry, materials);
  scene.add(mesh);
  mesh.position.z = -10;
});

我收到错误：

无法将 undefined 转换为 object

Answer 1

我发现实际上是通过像这样修改上面的第一个 function：

loader.load("path/to/model", gltf => {
  var object = gltf.scene.children[0];
  scene.add(gltf.scene);
});

是解决方案。
因为现在object变量可以完全像普通网格一样处理。 也许一个视频可以帮助你。