获取React三光纤中对象的局部位置



简报:我正试图为一个"drei文本";元素到球体外部靠近反作用三纤维场景中引脚的点。这样,当球体旋转或摄影机围绕球体旋转时,"文本"的位置将居中于球体的外部。

示例:three.js文本对齐

问题:

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

如何将该对象的位置设置为子对象的父对象,以便当父对象移动时,子对象也随之移动?

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

我的代码沙盒:地球与位置

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

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