我们先通过简单的操作实现一下基础的UI跟随物体移动的功能，首先我们在场景中建立一个Canvas并且添加一个图片作为按钮，之后我们添加一个3d物体作为跟随目标，效果如下图所示
我们配置一下UICanvas的属性，书写对应的自定义类并添加至UI物体
接下来我们书写对应的代码
using UnityEngine;public class ClickItem : MonoBehaviour{public GameObject target;public Canvas parentCanvas;// Update is called once per frameprivate void Update(){transform.localPosition = GetScreenPosition(target.gameObject);}public Vector3 GetScreenPosition(GameObject target){Vector3 viewportPos = Camera.main.WorldToViewportPoint(target.transform.position);RectTransform canvasRtm = parentCanvas.GetComponent<RectTransform>();Vector2 uguiPos = Vector2.zero;uguiPos.x = (viewportPos.x - 0.5f) * canvasRtm.sizeDelta.x;uguiPos.y = (viewportPos.y - 0.5f) * canvasRtm.sizeDelta.y;return uguiPos;}}
这段代码中我们使用的是WorldToViewportPoint这个函数，WorldToViewportPoint函数在上篇文章中介绍过，屏幕左下角为（0，0），右上角为（1，1），由于我们要返回一个屏幕上的坐标，屏幕坐标是以中心点作为（0，0）点，所以我们需要再WorldToViewportPoint的返回值上再减去（0.5，0.5），得到一个-0.5到0.5之间的数值，并且将这个数值乘以屏幕的宽度和高度（屏幕的宽度和高度可以由一个全局填充的Canvas的宽高来获取），我们运行项目，可以得到下面的效果，完全符合我们的需求，我们更改Canvas的Match属性，或者将Canvas的类型改为Camera（如果要使用Camera类型，对应的Camera应该改为正交模式，UI摄像机未来会详细介绍），发现结果都是正确的（有的小伙伴将Canvas类型改为Camera之后，发现图标不见了，这是因为改为Camera之后，UI就不会在最上层显示，会和其他物体按照position的Z值进行前后关系的遮挡）
现在我们测试一下另一个函数WorldToScreenPoint，WorldToScreenPoint是以屏幕的左下角为（0,0），右上角为（Screen.width, Screen.height），想要获取当前屏幕UI的真实的宽度和高度，接着对函数获取的x值和y值，根据宽高与屏幕宽度高度的比值进行处理，计算出最后的结果，具体代码如下
public Vector3 GetScreenPosition(GameObject target){RectTransform canvasRtm = parentCanvas.GetComponent<RectTransform>();float width = canvasRtm.sizeDelta.x;float height = canvasRtm.sizeDelta.y;Vector3 pos = Camera.main.WorldToScreenPoint(target.transform.position);pos.x *= width / Screen.width;pos.y *= height / Screen.height;pos.x -= width * 0.5f;pos.y -= height * 0.5f;return pos;}
下一篇我们要验证我们当前写法对于Editor和安装包是否都可以使用（Up上一期写的有一些问题，一些旧的写法比较麻烦，所以更新了一下代码，下一章会说一下当时犯的错误，大家一起进步😂）
贴一下其余几篇文章，方便大家阅读。
Unity世界坐标转换屏幕坐标（概览)_Unity鼓励师的博客-CSDN博客
Unity世界坐标转换屏幕坐标（测试)_Unity鼓励师的博客-CSDN博客
