點點滴滴

在一些網絡游戲中，我們常常可以看到角色的上方顯示著角色的名稱，等級，血量等信息。它們可以跟隨角色移動，并且可以顯示和隱藏。今天我們就來學習一下這些功能的實現方法。
1. 新建unity工 程，導入NGUI插件。對于字體按鈕等的制作方法參見以前的系列教程。這里我們直接開始學習制作方法。首先新建一個2DUI，設置UI的層為NGUI。新 建完成后，使用菜單NGUI -->Create a Panel ,在現有Panel的節點下新建一個Panel，命名為Panel_CharacterInfo,作為角色信息面板的根節點。使用Widget Tool創建兩個Label，一個命名為Name，另一個為Life。再創建一個Progress Bar,用于顯示角色的血量信息。在創建一個建立完成后場景中視圖列表如圖：

2.  場景設置，現在我們新建一個Plane作為地面，新建一個PointLight用于場景照明，然后再新建一個Cube，作為我們的角色。場景設置如圖

3. 為cube添加角色控制器。首先導入角色控制Package。在工程窗口中點擊右鍵，選擇ImportPackage，選擇 Character Controller。該包包括兩個角色控制器，我們先把Cube自帶的BoxCollider刪除，然后為它添加 FPSInputController，CharacterMotor兩個腳本。就完成Cube的角色設置了，點擊運行，按下鍵盤的方向鍵可以看 到，Cube可以根據我們的按鍵左右移動。

4.編寫UI跟隨角色控制腳本腳本。對于實現方法，我們可以有以下思路。首先我們想要清楚，我們想要實現的是UI跟隨Cube移動。這里我們就要考 慮，UI要得到Cube在屏幕上的坐標位置。然后再根據位置做相應的移動。我們知道在Unity中，Camera. WorldToScreenPoint和Camera. ScreenToWorldPoint可以分別將世界坐標和屏幕坐標相互轉換。有了思路我們就可以動手寫代碼。代碼比較簡單，我已經在后面注釋了，大家可 以一目了然。

public class UIFollowTarget : MonoBehaviour {

    public GameObject TargetObject;         //目標物體。這里是指Cube
    public Camera worldcamera;         //世界相機。
    public Camera guiCamera;           //UI相機
// Use this for initialization
void Start ()
    {
        worldcamera = NGUITools.FindCameraForLayer(TargetObject.layer);     //這里是通過物體的層獲得相應層上的相機
        guiCamera = NGUITools.FindCameraForLayer(this.gameObject.layer);   //通過腳本所在物體的層獲得相應層上的相機
}

// Update is called once per frame
void Update ()
    {

}
    void LateUpdate()
    {        
        Vector3 pos = worldcamera.WorldToScreenPoint(TargetObject.transform.position);         //獲取目標物體的屏幕坐標
        pos = guiCamera.ScreenToWorldPoint(pos);                              //將屏幕坐標轉換為UI的世界坐標
        pos.z = 0;                                //由于NGUI 2D界面的Z軸都為0，這里我們將坐標修改為0.只取其X,Y坐標。
        transform.position = pos;      //將修改過的坐標賦給UI界面。這里指Panel_CharacterInfo
    }
}

5. 將腳本賦給Panel_CharacterInfo，設置目標物體為Cube，Worldcamera為Main Camera，guicamera設置為NGUI的Camera。完成后點擊運行，我們可以看到，UI已經在跟隨物體移動了。

6. 當場景中有很多角色的時候，我們可能有時候只想看我們選中的角色的信息。沒有選中的就隱藏，這樣的功能大家可以在熟悉了這些之后自己實現。這里提供一個思 路供大家參考：首先定義一個角色信息的類，然后根據當前選擇的角色，讀取該角色的信息，賦值給UI里的Name life等參數。并且賦值角色的位置信息給UI，這樣UI就可以動態的顯示在響應角色的位置上。