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