Unity Canvas不同模式下实现UI追随物体-Toy模板网

这篇具有很好参考价值的文章主要介绍了Unity Canvas不同模式下实现UI追随物体。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在Canvas不同渲染模式（RenderMode）下实现UI跟随3D物体功能。

Screen Space-Overlay

利用WorldToScreenPoint()将物体的世界坐标转换成屏幕坐标,然后更新UI的坐标：

1.UI跟随3D物体

public class UIFollowObj : MonoBehaviour {
 
 public GameObject obj;//3D物体

 public  RectTransform rectUI;//UI元素

 public Vector2 offset;//偏移量
 
 void Start(){

  offset = new Vector3(0, 0, 0);
 }
 void Update () {
  Vector2 screenPos=Camera.main.WorldToScreenPoint(obj.transform.position);
  rectUI.position = screenPos + offset;
 }
}

2.UI跟随鼠标

    public Vector3 offset;
 
    void Update()
    {
     gameObject.transform.position = Input.mousePosition+ offset;
    }

Screen Space-Camera

RectTransformUtility.ScreenPointToLocalPointInRectangle换算出UI元素在Canvas的2D坐标:

1.UI跟随3d物体

    public Camera UI_Camera;//UI相机
    public RectTransform image;//UI元素
    public Canvas ui_Canvas;
    void UpdateUIPosition()
    {
        Vector2 PlayerScreen = Camera.main.WorldToScreenPoint(Player.transform.position);
        Vector2 mouseUGUIPos = new Vector2();
        bool isRect = RectTransformUtility.ScreenPointToLocalPointInRectangle(ui_Canvas.transform as RectTransform, PlayerScreen, UI_Camera, out mouseUGUIPos);

        Debug.Log(mouseUGUIPos);
        if (isRect)
        {
            image.anchoredPosition = mouseUGUIPos;
        }
    }

2.UI跟随鼠标（此处我的分辨率是1920*1080）文章来源地址https://www.toymoban.com/news/detail-502289.html

  //Canvas
    public RectTransform canvasRectTra;
    //需要跟随的UI
    public RectTransform imageRectTra;
    //UI相机
    public Camera mainCamera;


    void Update()
    {
        SetImagePosition(Input.mousePosition+new Vector3(1920/2,1080/2,0));
    }

    /// <summary>
    /// 参数为鼠标点击坐标
    /// </summary>
    /// <param name="v3"></param>
    private void SetImagePosition(Vector3 v3)
    {
        Vector2 imagePanelV2 = new Vector2();

        if (RectTransformUtility.ScreenPointToLocalPointInRectangle(canvasRectTra, v3, mainCamera, out imagePanelV2))
        {

            imageRectTra.anchoredPosition = imagePanelV2;
        }
    }

到了这里，关于Unity Canvas不同模式下实现UI追随物体的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！