在React Three Fiber中能否单独交互并旋转3D球体与链接Mesh组件？

你的需求完全可以实现，核心是把链接Mesh的旋转中心绑定到球体中心，同时让两个Mesh保持独立的交互权限，以下是主流引擎的具体实现方法：

Unity 操作步骤 #

• 层级结构设置

  • 新建一个空GameObject（比如叫「链接旋转器」），把它的位置拖到和球体完全重合
  • 把链接Mesh拖到这个空物体下面当子物体
  • 这样旋转空物体时，链接就会绕球体中心转，球体完全不动

• 实现链接自动旋转

  • 给「链接旋转器」挂个C#脚本，代码如下：

    using UnityEngine;
    
    public class LinkAutoRotate : MonoBehaviour
    {
        public float rotateSpeed = 30f; // 旋转速度，可在Inspector里调
        public Vector3 rotateAxis = Vector3.up; // 旋转轴，默认绕Y轴转
    
        void Update()
        {
            transform.Rotate(rotateAxis, rotateSpeed * Time.deltaTime);
        }
    }
    

  • 随便调速度和轴，链接就会自己绕球体转，球体不受任何影响

• 单独交互旋转

  • 给球体和链接Mesh分别挂交互脚本，实现点击拖拽旋转：
    球体用这个脚本：

    using UnityEngine;
    
    public class SphereDragRotate : MonoBehaviour
    {
        public float rotateSpeed = 60f;
        private bool isDragging = false;
        private Vector2 lastMousePos;
    
        void OnMouseDown()
        {
            isDragging = true;
            lastMousePos = Input.mousePosition;
        }
    
        void OnMouseUp()
        {
            isDragging = false;
        }
    
        void Update()
        {
            if (isDragging)
            {
                Vector2 delta = (Vector2)Input.mousePosition - lastMousePos;
                transform.Rotate(Vector3.up, -delta.x * rotateSpeed * Time.deltaTime);
                transform.Rotate(Vector3.right, delta.y * rotateSpeed * Time.deltaTime);
                lastMousePos = Input.mousePosition;
            }
        }
    }
    

  • 链接Mesh的交互脚本类似，注意要让它绕自身旋转，别影响父物体的自动旋转：

    using UnityEngine;
    
    public class LinkDragRotate : MonoBehaviour
    {
        public float rotateSpeed = 60f;
        private bool isDragging = false;
        private Vector2 lastMousePos;
    
        void OnMouseDown()
        {
            isDragging = true;
            lastMousePos = Input.mousePosition;
        }
    
        void OnMouseUp()
        {
            isDragging = false;
        }
    
        void Update()
        {
            if (isDragging)
            {
                Vector2 delta = (Vector2)Input.mousePosition - lastMousePos;
                // 用Space.Self确保绕自身旋转，不干扰父物体的自动环绕
                transform.Rotate(Vector3.up, -delta.x * rotateSpeed * Time.deltaTime, Space.Self);
                transform.Rotate(Vector3.right, delta.y * rotateSpeed * Time.deltaTime, Space.Self);
                lastMousePos = Input.mousePosition;
            }
        }
    }
    

Unreal Engine 操作步骤 #

• 层级结构设置

  • 新建一个空Actor（命名「链接旋转器」），把它的位置对齐到球体Actor的位置
  • 将链接Mesh组件拖到「链接旋转器」下面作为子组件

• 链接自动旋转

  • 给「链接旋转器」做个蓝图：在Tick事件里添加Add Actor Local Rotation节点，设置旋转轴（比如Z轴）和每帧旋转值（比如0.5度），运行后链接就会自动绕球体转

• 单独交互旋转

  • 给球体和链接Mesh分别添加输入组件，绑定鼠标点击事件，通过拖拽时的鼠标偏移量，用Add Actor Local Rotation实现旋转；也可以用OnClicked事件触发旋转逻辑，按需调整

注意事项 #

• 记得给两个Mesh都加碰撞体，不然点击交互没反应
• 如果链接Mesh的初始位置不对，直接调它在父物体下的局部位置就行，不会影响旋转中心
• 要是想暂停自动旋转，可以给脚本加个开关变量，控制Update里的旋转逻辑

内容的提问来源于stack exchange，提问作者Sergey Samokhvalov