reactjs - 在 React-three-fiber 中获取对象的本地位置

Question

简报：我正在尝试将“drei Text”元素设置为反应三纤维场景中靠近引脚的球体外部的一个点。这样当球体旋转或相机围绕球体旋转时，Texts 位置将位于球体外侧的中心。

一个例子：three.js 文本对齐

问题：

如何找到对象的局部和世界空间位置或对象的部分/点？

我如何将对象位置设置为子对象的父对象，这样当父对象移动时，子对象也随之移动？

场景是否具有相对于 [0,0,0] 处的轴的世界位置和相对于对象的局部位置？

我的代码沙盒：带位置的地球

Answer 1

查看Object3d，它是 three.js 中许多对象的基类，包括场景本身。它具有可以帮助您喜欢 .position 和 .getWorldPosition() 的属性和功能。

请注意，场景中任何对象的位置都是相对于其父对象的。您可以使用 .add(child) 将子对象添加到对象中，但是对对象进行分组的更好方法可能是使用Group。