Unity3D學習筆記(二)小地圖的製作(UGUI)

文章末尾有小地圖製作完成的MiniMapDemo.unitypackage下載地址,使用Unity3d 5.3.4f1製作

    一、創建一個Plane和Cube,調整合適位置,再創建一個Camera,重命名爲MiniMapCamera,調整攝像機讓其視野朝下,Projection爲Orthographic,調整size到合適大小

    wKioL1cLUweiN7OnAAB413UJWJo650.png

    二、創建Renderer Texture重命名爲MiniMapTexture,並將MiniMapTexture拖拽至MiniMapCamera的Target Texture下

    wKioL1cLWDvhD3QgAACSErIcQuE833.png

    三、Create——UI——RawImage,生成Canvas和RawImage,在Canvas下創建一個空對象命名爲MiniMap,然後在MiniMap下創建Image重命名爲Mask,並添加Mask組件,可修改Source Image爲Knob(圓形image)。將RawImage拖拽至Mask下

    wKiom1cLXi6TnBUAAACM3Ihmn7g829.png

    四、將MiniMapTexture拖拽至RawImage的Texture下,如果RawImage位置不和Mask重合,則Reset下位置,至此就可以看到小地圖了,將其拖至合適位置

    wKiom1cLXx3ya5qdAACPKKhGH6E182.png

    五、爲了美觀可以在Mask下再新建一個RawImage對象,將其重命名爲Border,選擇Texture爲自己喜歡的圖片

    wKioL1cLYuyzB47gAACCoDrozEA120.png

    六、將PC-2圖標拖入主角Cube下,調整PC-2合適位置(PC-2爲小地圖顯示的圖標),新建兩個層Player和MiniMap,Cube選擇Player層,PC-2選擇MiniMap層,然後讓Main Camera渲染除了MiniMap以外的層,讓MiniMapCamera渲染除了Player的層,這樣小地圖顯示的就是PC-2代替主角的圖標

下圖爲PC-2選擇MiniMap層,Cube同理

wKioL1cLaIOgu--BAABE7ZvZIgU233.png

下圖爲MiniMapCamera的Culling Mask層的選擇,Main Camera同理

wKiom1cLaLPAY5hNAACpeN4RT1Y523.png

    七、最後運行效果

    wKioL1cLapmTh08EAACo1skIP8s624.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章