您的位置：首页 > 资讯 > 体育新闻 > 正文

Unity世界坐标转换屏幕坐标详解)

作者：菜叶时间：2023-01-11 21:21

简介：我们先通过简单的操作实现一下基础的UI跟随物体移动的功能，首先我们在场景中建立一个Canvas并且添加一个图片作为

【菜叶百科解读】

我们先通过简单的操作实现一下基础的UI跟随物体移动的功能，首先我们在场景中建立一个Canvas并且添加一个图片作为按钮，之后我们添加一个3d物体作为跟随目标，效果如下图所示

Unity世界坐标转换屏幕坐标（详解)

我们配置一下UICanvas的属性，书写对应的自定义类并添加至UI物体

Unity世界坐标转换屏幕坐标（详解)

接下来我们书写对应的代码

using UnityEngine; public class ClickItem : MonoBehaviour { public GameObject target; public Canvas parentCanvas; // Update is called once per frame private void Update() { transform.localPosition = GetScreenPosition(target.gameObject); } public Vector3 GetScreenPosition(GameObject target) { Vector3 viewportPos = Camera.main.WorldToViewportPoint(target.transform.position); RectTransform canvasRtm = parentCanvas.GetComponent(); 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值进行前后关系的遮挡）

Unity世界坐标转换屏幕坐标（详解)

现在我们测试一下另一个函数WorldToScreenPoint，WorldToScreenPoint是以屏幕的左下角为（0,0），右上角为（Screen.width, Screen.height），想要获取当前屏幕UI的真实的宽度和高度，接着对函数获取的x值和y值，根据宽高与屏幕宽度高度的比值进行处理，计算出最后的结果，具体代码如下

public Vector3 GetScreenPosition(GameObject target) { RectTransform canvasRtm = parentCanvas.GetComponent(); 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博客

声明：本文内容仅代表作者个人观点，与本站立场无关。如有内容侵犯您的合法权益，请及时与我们联系，我们将第一时间安排处理