three.js带旋转的圆形按钮布局定向

three.js
嘿，伙计们，
我目前正在研究一个圆形按钮布局，它是导航系统的一部分。
目前我所有的按钮都在一个圆周上均匀分布的圆圈中。
这些按钮都在一个组中。然后，我对Z轴上的组应用旋转，使它们看起来旋转，效果很好。
我现在要做的是确保各个按钮始终正常旋转到0,0,0，以便它们的图标保持正确的方向。我正在尝试类似的方法，但组的轮换似乎覆盖了我告诉每个按钮保持0,0,0的命令。nCenterUIButtons.rotation.z += 0.004;CenterUIButtons.traverse(function(child){if(child>nThoughts?nThanks guys! Solved by awonnink in post #5 Since rotation is relative to the parent, shouldn\"t you just rotate the buttons in the opposite direction of the rotation of your yourCenterUIButtons group to keep them correctly orientated?nI solved by doing a simple lookAt! Doh!nCenterUIButtons.rotation.z += 0.004;CenterUIButtons.traverse(function(child){if(child instanceof THREE.Mesh){child.lookAt(camera.position);}});
因为lookAt()确实支持转换的父项（非均匀缩放除外），所以这个解决方案是绝对好的。
所以我可能说得太早了。还有另一个我忽略的元素，因为它似乎没有引起任何问题，但我相信我忽略了一些与之相关的东西。
因此，整个按钮组实际上存在于另一个设置为0,0,0的组中，因为按钮布局显示在屏幕的中心。我也在看(摄像机位置)这群人也是如此。我的结构是这样的，所以我可以在里面做一个小组，在那里我处理按钮的旋转-否则旋转会因为第一眼而被忽略。
所以它几乎可以工作，但我只是注意到如果我移动相机，中间的按钮会轻微旋转，这足以让我感到尴尬-它们似乎被锁定在适当的位置否则。我猜这是因为我让孩子们看着相机，但他们的家长-CenterUIButtons没有看着相机。nif（mainButtonsGroup）mainButtonsGroup.lookAt(摄像机位置);中心旋转.z>
因为旋转是相对于父对象的，您是否应该只按与yourCenterUIButtons组的旋转方向相反的方向旋转按钮，以保持它们的正确方向？
一个巨大的疏忽！这就解决了问题！非常感谢你！n Orienting circular button layout with rotationn

three.js带旋转的圆形按钮布局定向

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形