本帖最后由 u75379946 于 2016-4-7 09:45 編輯 
由于UI都是Achor自己用PS做的，比較粗糙，大家見諒，不過絲毫不影響功能的實現(xiàn)，下面我們看看今天的筆記： 首先我們看看需要哪些組件： 1.在Canvas畫布下新建一個GameObject，改名為Mask，顧名思義，該組件實現(xiàn)遮罩功能。 2.在Mask下面添加RawImage，用來實現(xiàn)小地圖動態(tài)顯示。 
3.新建一個Sprite作為角色的子對象，改名為Icon，實現(xiàn)小地圖中代替角色的箭頭圖標(biāo)。（貼圖大家根據(jù)自己喜好來畫，這里Achor就簡單的用了PS繪制 
4.需要兩個相機，一個用來追蹤小地圖，一個用來顯示UI（UI層用一個相機額外顯示比較方便） 
組件一共就這么多。 下面開始制作！?。。。。?/font> 本帖隱藏的內(nèi)容1.先調(diào)整Icon，Minimap的位置及參數(shù)，即角色位置的正上方，視距根據(jù)需求可改變相機Y軸或者相機視距，Icon也調(diào)整至角色正上方，調(diào)整相機的
再給Minimap加兩行簡單代碼，讓他跟隨Icon。 
代碼如下： private Transform transform; public GameObject icon; void Start () { transform=GetComponent<Transform>(); } void Update () { transform.position = new Vector3(icon.transform.position.x,59.01f,icon.transform.position.z); } 2.將剛才的Texture（a）拖動給Raw Image。 
此時已經(jīng)可以實現(xiàn)小地圖功能啦，不過是方形的！很丑！ 
3.下面要修改Mask啦，給Mask添加如下兩個組件，并修改Image組件的Source Image為圓形。（圓形自己畫就是了）
現(xiàn)在變成圓形了！
But??！Why 還是so丑！？ 5.加個邊框吧，在UI下新建個Image，下面再添加兩個Button并改名，再加入自己繪制的邊框和按鈕就OK啦
現(xiàn)在好看多了把~（雖然我覺得還是很丑，但畢竟Achor日思夜想的美工MM還沒有找到，只能靠自己了）
好啦，關(guān)于美觀的問題就不多說啦，各位可以盡情的發(fā)揮~到此小地圖功能已經(jīng)實現(xiàn)，是不是非常簡單？支持Achor并且覺得對你有幫助的話就送個鮮花點個贊吧~想繼續(xù)和Achor學(xué)習(xí)其他知識請關(guān)注我的公眾微信：黑客畫家 以及我的 個人博客 ：anchorart9.com |
|
|
