UGUI 将2DUI和场景中的3d物体关联,跟随物体移动

项目中经常会用到 UI 和场景的物体关联,之前的做法是将UI做成3D的,即将Canvas画布的属性 RenderMode 设置位WorldSpace。
但是这有一个缺点 摄像机移动或者摄像机缩放场景 ,导致UI字体会看不清。为了解决这个问题,就用到了游戏里的人物头顶血条。
主要的关键点是:
1.将3D物体的世界位置转换位屏幕坐标位置 Camera.main.WorldToScreenPoint
2.将UI的RectTransform 设置转换后的屏幕坐标,可以这转换后屏幕坐标基础上添加x,y的偏移量

public class HealthBar : MonoBehaviour {

    public float xOffset;
    public float yOffset;
    public RectTransform recTransform;

    void Update()
    {
        if (recTransform==null)
        {
            return;
        }
        Vector2 player2DPosition = Camera.main.WorldToScreenPoint(transform.position);
        recTransform.position = player2DPosition + new Vector2(xOffset, yOffset);

        //血条超出屏幕就不显示  
        if (player2DPosition.x > Screen.width || player2DPosition.x < 0 || player2DPosition.y > Screen.height || player2DPosition.y < 0)
        {
            recTransform.gameObject.SetActive(false);
        }
        else
        {
            recTransform.gameObject.SetActive(true);
        }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tianyongheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值