三.js - 如何围绕特定点旋转圆柱体？

Question

我已经提到了以下关于对象旋转的问题。

link 1 link 2 link 3 link 4 link 5

但无法确切理解如何围绕特定点旋转圆柱体？

Answer 1

我假设您的意思是您希望对象围绕其几何图形中的特定点旋转。

例如，cylinderGeometry围绕它的中心旋转。假设您希望它围绕其末端旋转。

您需要做的是在创建圆柱几何体后立即对其进行平移，以便几何体中所需的点现在位于原点。

geometry.applyMatrix( new THREE.Matrix4().makeTranslation( 0, cylinderHeight/2, 0 ) );

编辑:你现在可以这样做，而不是:

geometry.translate( 0, cylinderHeight/2, 0 ); // three.js r.72

现在，当您旋转圆柱体时，它将围绕其末端而不是中间旋转。

它围绕旋转的一端也将位于您为圆柱体网格设置的位置。

显然，您可以对任何几何体执行此操作，而不仅仅是圆柱体。