在保持相同位置的同时更改 3D 模型的父级

Question

我正在使用 three.js 库来处理 3d 模型（主要是 .glb，但没关系）

这个想法是导入一个包含组和网格的 3d 模型。我希望能够在模型中已存在的组之间移动网格，而无需更改模型的视觉表示。 我的一段代码如下。移动内部是

movedMesh.matrixWorldNeedsUpdate = true; // not sure if it's needed
let meshPosition = new THREE.Vector3();
movedMesh.getWorldPosition(meshPosition);

oldParent.remove(movedMesh);
newParent.add(movedMesh);

movedMesh.worldToLocal(meshPosition);
movedMesh.position.set(meshPosition.x, meshPosition.y, meshPosition.z);

这是行不通的。 Mesh 改变了它的全局位置，因为新父级的位置与以前的父级位置不同，但我希望它保持在原来的位置，但考虑到新父级的位置改变它的本地位置。

我做错了什么？

Answer 1

我认为你需要更新movedMesh 的世界矩阵你改变它的父母。当你.remove() 然后.add() 时，它并不知道它的父级已经更新（Three.js 通常在你渲染时会这样做，但这是在下一帧渲染之前发生的）。

let meshPosition = new THREE.Vector3();
movedMesh.getWorldPosition(meshPosition);

oldParent.remove(movedMesh);
newParent.add(movedMesh);

// Here it needs to re-learn its new coordinates
movedMesh.updateMatrixWorld(true);

movedMesh.worldToLocal(meshPosition);
movedMesh.position.set(meshPosition.x, meshPosition.y, meshPosition.z);