three.js - 围绕其中心点旋转自定义几何网格

Question

当我们在场景中添加一个 CustomGeometry 并定义顶点但不设置位置时，如何让它围绕自己的中心点旋转？

fiddle :http://jsfiddle.net/tezcancirakoglu/Ldt7z

在示例代码中，对象围绕场景 X 轴旋转。我需要绕其中心点旋转它。

提示:红色立方体网格是旋转对象的初始中心点。我需要围绕红色立方体的 x 轴旋转它...我尝试了很多，但还是失败了。

Answer 1

一种解决方案是平移网格几何形状，并通过更改网格位置进行补偿，如下所示:

var offset = objMesh.centroid.clone();
objMesh.geometry.applyMatrix(new THREE.Matrix4().makeTranslation( -offset.x, -offset.y, -offset.z ) );
objMesh.position.copy( objMesh.centroid );

更新了 fiddle :http://jsfiddle.net/Ldt7z/165/

附注在运行之前您不需要保存 fiddle 。没有理由有这么多版本。

三.js r.55