【问题标题】:Is there any thing like origin point in Three.jsThree.js中是否有类似原点的东西
【发布时间】:2022-01-12 17:13:05
【问题描述】:
我想知道three.js中是否有任何类似于我们在Blender中的origin point的东西,请我试图对这个主题进行研究,但无济于事。我想做一个弹球游戏,如果击球的桨的原点在物体的中间,它没有任何意义,它必须在它的左侧或右侧(它会影响如何物体旋转)。所以请有没有办法像我们在 Blender 或 After Effects 中那样改变对象的原点。一种枢轴。谢谢
【问题讨论】:
标签:
javascript
html
three.js
3d
cannon.js
【解决方案1】:
至少有两种方法可以做到这一点。
选项 1
一种方法是使用BufferGeometry.translate() 转换您的几何图形,这样轴心点就在您想要的位置。
选项 2
另一个是使用对象的层次结构:
- 有一个父对象,您将旋转它。这可能是Group。
- 使用 add() 将 Mesh 创建为父对象的子对象,并设置子 Mesh 的位置,使您希望网格旋转的点位于父对象的原点。
在大多数情况下,我可能会选择选项 2,因为它通常更灵活且更容易操作 Object3D。处理几何图形往往比较低级,并且可能更难诊断问题。