三反应纤维将旋转轴设置为模型的中心

时间:2020-07-07 07:44:08

标签: reactjs three.js react-three-fiber

我有一个在X轴上旋转的模型,但是旋转的中心不在轴上。旋转代码非常简单:

model.current.rotation.x += 0.016; (axis and speed)

,但是似乎无法定义实际的旋转轴以确保模型只是围绕其自身的中心旋转。此刻它旋转了一个大圈!

任何建议表示赞赏。

:-0

1 个答案:

答案 0 :(得分:0)

您的网格很可能没有居中,这意味着顶点指向模型重心之外。您可以在Blender中解决此问题,但即使threejs也具有(在几何图形上)重新计算顶点的方法。一种更便宜的解决方案是渲染网格,使用box3,从对象设置它,然后获取min / max,然后使用它将对象移动一半。