unity3D 自定義公告牌

　　前言

　　有時候我們希望公告牌跟隨鏡頭旋轉永遠平行面向屏幕，同時跟隨鏡頭縮放縮放大小不變（鏡頭遠離物體，正常物體視覺效果變小，但公告牌視覺大小比例不變），或者跟隨鏡頭縮放變化，本文記錄C#腳本的兩種實現方式

 

　　制作公告牌

　　創建一個UI的Canvas，將Render Mode模式改成World Space，然后把Canvas畫布拖進文件夾變成預制體

 

 

　　添加Image背景圖，再添加Text，Canvas畫布、Text文字寬度、高度都設置為0，公告牌的大小由Image來設置

　　再設置一下錨點等相關屬性

    

 

　　最后綁定上我們的控制腳本

 

 

　　就這樣，一個自定義公告牌就制作完成

 

　　方式一

　　如果鏡頭縮放鏡頭設置的是鏡頭的fieldOfView值

using UnityEngine;

/*
 * 自定義公告牌，跟隨鏡頭旋轉永遠平行面向屏幕，跟隨鏡頭縮放縮放大小不變
 */ 
public class Billboard : MonoBehaviour {
 
    Camera camera;//主鏡頭

    private float _fieldOfView;//初始fieldOfView

    void Start () {
        camera = Camera.main;
        
        _fieldOfView = camera.fieldOfView;
    }
    
    void Update ()
    {
        //跟隨鏡頭旋轉，直接把主鏡頭的旋轉值賦值給公告牌即可
        transform.rotation = camera.transform.rotation;
        
        //跟隨鏡頭縮放（縮放鏡頭設置的是鏡頭的fieldOfView值）
        float fieldOfView = camera.fieldOfView;
        transform.localScale = new Vector3(fieldOfView/_fieldOfView,fieldOfView/_fieldOfView,fieldOfView/_fieldOfView);
    }

}

 

　　方式二

　　如果鏡頭縮放鏡頭設置的鏡頭的位置

using UnityEngine;

/*
 * 自定義公告牌，跟隨鏡頭旋轉永遠平行面向屏幕，跟隨鏡頭縮放縮放大小不變
 */ 
public class Billboard : MonoBehaviour {
 
    Camera camera;//主鏡頭

    private float _distance;//初始距離

    void Start () {
        camera = Camera.main;
        
        _distance = Vector3.Distance(camera.transform.position, transform.position);
    }
    
    void Update ()
    {
        //跟隨鏡頭旋轉，直接把主鏡頭的旋轉值賦值給公告牌即可
        transform.rotation = camera.transform.rotation;

        //跟隨鏡頭縮放（縮放鏡頭設置的鏡頭的位置），根據公告牌到主鏡頭的距離來做等距離縮放即可
        float distance = Vector3.Distance(camera.transform.position, transform.position);//不斷變化的距離
        var scale = distance/_distance * 0.1F;
        transform.localScale = new Vector3(scale,scale,scale);
    }
 
}

 

　　腳本更新 

　　2020-05-15更新

　　更新一下腳本，新增兩個bool選項，跟隨鏡頭旋轉、跟隨鏡頭放大，默認都是false，使用腳本時可按需配置

using UnityEngine;

/*
 * 自定義公告牌，跟隨鏡頭旋轉永遠平行面向屏幕，跟隨鏡頭縮放縮放大小不變
 */ 
public class Billboard : MonoBehaviour {
    
    [Header("跟隨鏡頭旋轉")]
    public bool isRotation = false;
    
    [Header("跟隨鏡頭縮放")]
    public bool isZoom = false;
 
    Camera camera;//主鏡頭

    private float _distance;//初始距離，需要在程序運行時立即獲取

    private bool first = true;

    void Start () {
        camera = Camera.main; 
                
        //初始設置距離
        _distance = Vector3.Distance(camera.transform.position, transform.position);
    }
    
    void Update ()
    {
        //跟隨鏡頭旋轉，直接把主鏡頭的旋轉值賦值給公告牌即可
        if (isRotation)
        {
            transform.rotation = camera.transform.rotation;
        }

        //跟隨鏡頭縮放（縮放鏡頭設置的鏡頭的位置），根據公告牌到主鏡頭的距離來做等距離縮放即可
        if (isZoom)
        {
            float distance = Vector3.Distance(camera.transform.position, transform.position);//不斷變化的距離
        
            var scale = distance / _distance * 0.1F;
            transform.localScale = new Vector3(scale,scale,scale);
        }
    }
 
}

 

　　2020-07-06更新

　　再次更新下腳本，之前大小比例系數是寫死在代碼里，現在改成默認0.1，可按需配置

using UnityEngine;

/*
 * 自定義公告牌，跟隨鏡頭旋轉永遠平行面向屏幕，跟隨鏡頭縮放縮放大小不變
 */ 
public class Billboard : MonoBehaviour {
    
    [Header("跟隨鏡頭旋轉")]
    public bool isRotation = false;
    
    [Header("跟隨鏡頭縮放")]
    public bool isZoom = false;
 
    [Header("大小比例")]
    public float size = 0.1F;
    
    Camera camera;//主鏡頭

    private float _distance;//初始距離，需要在程序運行時立即獲取

    private bool first = true;

    void Start () {
        camera = Camera.main; 
                
        //初始設置距離
        _distance = Vector3.Distance(camera.transform.position, transform.position);
    }
    
    void Update ()
    {
        //跟隨鏡頭旋轉，直接把主鏡頭的旋轉值賦值給公告牌即可
        if (isRotation)
        {
            transform.rotation = camera.transform.rotation;
        }

        //跟隨鏡頭縮放（縮放鏡頭設置的鏡頭的位置），根據公告牌到主鏡頭的距離來做等距離縮放即可
        if (isZoom)
        {
            float distance = Vector3.Distance(camera.transform.position, transform.position);//不斷變化的距離
        
            var scale = distance / _distance * size;
            transform.localScale = new Vector3(scale,scale,scale);
        }
    }
 
}

 

 

 

　　

 

　　效果

　　以下效果是不跟隨縮放，如果想要跟隨縮放，腳本代碼注釋縮放部分即可

 

　　后記

　　自定義公告牌暫時先記錄到這，后續再進行補充

 

　　代碼開源

　　代碼已經開源、托管到我的GitHub、碼雲：

　　GitHub：https://github.com/huanzi-qch/unity-demo

　　碼雲：https://gitee.com/huanzi-qch/unity-demo