【Unity】滑鼠點擊地板的人物移動

延伸：使用導航網格(NavMesh)實踐滑鼠點擊地板的人物移動

這次來寫透過滑鼠點擊的人物移動，在世紀帝國或星海爭霸等等的戰略遊戲，是常見移動人物的方式，或是英雄聯盟、dota等的多人線上合作遊戲也多是採用這種操控，以下是簡略的圖片描述。

google圖片搜尋

條列式的敘述一下要做什麼：
1. 玩家透過滑鼠點擊地板的動作將人物移動到點擊的位置。
2. 在移動過程中播放角色的移動動畫。
3. 以及將角色旋轉至面向點擊位置。

這裡就針對人物移動和角色旋轉來做說明，至於角色模型和動畫等等的步驟參考這裡，就不多細談，然後這次完成的結果點這裡。

首先做好人物和動畫的前置步驟後，新增作為滑鼠點擊用的地板，在這裡使用3D物件Cube作為地板物件，再作大小和位置的調整並新增Tag命名為floor，接著在地板物件物件上新增Box Collider。

接著在攝影機(Main Camera)上新增移動控制用的腳本(MouseClickMove.cs)：

using UnityEngine;
using System.Collections;

public class MouseClickMove : MonoBehaviour {
 
    public GameObject model;
    private bool moveState = false;
    private Vector3 target = new Vector3();
    public float speed = 1;

    void Update () {
        Ray ray = Camera.main.ScreenPointToRay (Input.mousePosition);////(1)
        RaycastHit hit;
        if (Physics.Raycast (ray, out hit)){////(2)
            if (Input.GetMouseButtonDown (0) && hit.transform.gameObject.tag == "floor"){
                moveState = true;////(3)
                target = new Vector3 (hit.point.x, hit.point.y, hit.point.z);
            }
        }
        float step = speed * Time.deltaTime;////(4)
        ////(7)
        if(moveState){////(5)
            if(Vector3.Distance(model.transform.position,target)<0.1f){
                moveState = false;
            }
            model.transform.position = Vector3.MoveTowards(model.transform.position,target,step);////(6)
        }
    }
}

在人物移動分成兩個部分，第一部分是滑鼠點擊的位置投射到地板，
(1)使用Unity內Ray變數將Camera位置到滑鼠位置轉換成一條3D射線，
(2)將射線投到物件上，這裡使用物件的Tag名稱以及是否按下滑鼠左鍵作為判斷，
(3)若上述條件成立則儲存移動目的點的位置至變數target，並且將移動狀態的布林變數moveState設為true，

接著來到人物移動，
(4) 移動速度使用Time.deltaTime，以避免不同效能的電腦移動速度不一樣，
(5)判斷moveState，當成立時才做移動的動作，並且在模型與目標點小於一定範圍時將 moveState設為false，
(6)移動時使用Vector3.MoveTowards，將模型(model)移動到目標點(target)上。

做完移動後會發現到人物模型雖然會移動了，但卻不會"朝著"目標點的方向移動，所以下一步要處理旋轉的問題，在做完目標點的存取後在(7)的地方加入下列程式碼：

Vector3 targetDir = target - model.transform.position;
Vector3 newDir = Vector3.RotateTowards(model.transform.forward, targetDir, step*10, 0.0F);
model.transform.rotation = Quaternion.LookRotation(newDir);

計算出模型到目標點的向量，使用Vector3.RotateTowards算出每次Update時需要旋轉多少度，存到newDir變數內，最後透過Quaternion.LookRotation實際去旋轉就完成了。

以下是實際運行起來的結果圖，把動畫切換、移動旋轉再加上點擊位置提示後可以做出的結果，執行檔點這裡。

以下是這次的素材，謝謝!!
時雨改二2.0＆夕立改二1.0
 by ブラスターB
https://bowlroll.net/file/32178
結月ゆかりVer3.5
 by お宮
https://bowlroll.net/file/6518
Click Effect
http://piposozai.blog76.fc2.com/category7-2.html
歩く・走るをちょっと変化させたモーション by ミイサhttps://bowlroll.net/file/38066

在基本的移動大致上就這樣，至於在實作的時候有考量到繞過障礙物和雙擊切換跑步等等的功能，就留到以後再說吧。