Three.js - 我可以将位置，旋转和比例应用于几何体吗？

Question

我想编辑一个物体的位置，旋转和比例矢量，然后将它们“应用”到几何体上，这会使这些矢量归零，但保留变换。

例如，假设我导入一个边长为1的立方体。立方体的最小和最大顶点位于(0, 0, 0)和(1, 1, 1)。我将对象的比例设置为(2, 2, 2)，然后将转换应用于几何体。

应用后，比例将重置为(1, 1, 1)，立方体的最小和最大顶点分别为(0, 0, 0)和(2, 2, 2)。

是否有一些内置方法可以做到这一点？

Answer 1

您可以直接将对象的变换应用于对象的几何体，然后重置位置，旋转和缩放，如下所示：

object.updateMatrix();

object.geometry.applyMatrix( object.matrix );

object.position.set( 0, 0, 0 );
object.rotation.set( 0, 0, 0 );
object.scale.set( 1, 1, 1 );
object.updateMatrix();

three.js r.69

Answer 2

另一种解决方案是创建一个包装对象，其中子对象将具有默认的旋转、位置和缩放：

const ChildObject = load(/*...*/);
ChildObject.rotation.set(90, 0, 0); // default rotation goes here
const MainObject = new THREE.Object3D();
MainObject.add(ChildObject);