從零開始學基於ARKit的Unity3d遊戲開發系列16
在本課的內容中,我們將繼續對ShootEnemy.cs腳本中的代碼進行一些優化和完善工作。首先給武器添加一些彈藥。
在Unity編輯器的Hierarchy視圖中找到Canvas對象,然後右鍵單擊,選擇UI-Image,添加一個新的
Image控制項,將其命名為Weapon1。在Inspector視圖中將其Source Image設置為UIMask。然後將其Rect Transform中的Width 和Height屬性值更改為280和170,如圖所示。
為了方便我們調整UI元素的視覺效果,接下來選擇Canvas中的btn_StartGame控制項,並將其先禁用。
然後回到剛才添加的Weapon1控制項,在Hierarchy視圖中選中該控制項,右鍵單擊添加一個Image子對象,將其命名為weapon1Image。設置其Source Image為LT Handgun1。然後將Rect Transform中的Width和Height更改為160和130(主觀調整)。
然後回到剛才添加的Weapon1控制項,在Hierarchy視圖中選中該控制項,右鍵單擊添加一個Text子對象,將其命名為ammoText。在Inspector視圖中將其默認的文本內容更改為20。
更改Font為Jupiter,調整字體大小到合適的程度,比如55.
更改Color的R,G,B,A為255,255,255,180。也就是不完全透明的白色。
此外還要調整Width和Height到160和100,並調整Pos X和Pos Y,使其處於手槍圖片的右下。
調整完成後在Game視圖中的預覽效果如下。
然後在Hierarchy視圖中右鍵單擊ammoText,選擇Duplicate命令從而複製一個新的文本對象,並將其更名為ammoText2。
在Inspector視圖中將其Text屬性設置為/100。
更改Color為純白色,然後調整其位置和字體大小,直到在Game視圖中看到類似下面的效果。
需要說明的是,對UI元素的視覺效果調整是非常主觀的,因此最好有美術設計人員的協助,或是培養自己的審美。
設置完成後,在Hierarchy視圖中選擇Weapon1對象,然後在Rect Trans
form中點擊Anchors上面的小圖標,注意要按住Alt鍵,然後選擇Top Right的標誌,如下圖所示。
適當調整Pos X和Pos Y的數值,使其在Game視圖中的顯示類似下圖:
然後我們再來添加其它武器。
在Hierarchy視圖中選中Canvas對象,右鍵單擊,選擇UI-Image,添加一個新的Image對象,並將其命名為Grenade,並將其Source Image屬性設置為UIMask。
調整Rect Transform中的Width和Height屬性為150和150.
接著右鍵單擊Grenade,選擇UI-Image,為其添加一個新的Image子對象,設置其Source Image屬性為LT Handgrenade 8。
選中Grenade對象,在Inspector視圖中的Rect Transform中點擊Anchors上面的小圖標,注意要按住Alt鍵,然後選擇Top Right的標誌。這個操作和剛才調整手槍的UI元素位置類似。
然後調整手榴彈的圖片位置到合適的地方。
在Hierarchy視圖中選擇Grenade對象,右鍵單擊,選擇Duplicate,並將其命名為HealthKit。
並將其下面Image子對象的Source Image設置為LT Healthpack.
然後調整其位置,直到看到類似下圖的效果。
此時Hierarchy視圖中Canvas下面新添加的幾個對象的層級關係類似下圖:
最後重新啟用btn_StartGame對象即可。
推薦閱讀:
※聊聊Unity里的嵌套Prefab
※從零開始學基於ARKit的Unity3d遊戲開發系列10
※大萌喵的Unity後期特效第一發---鏡頭炫光與光暈(Flare)
※(Unity) 為被 Lua 隔斷的 C# 實現添加 Profiler 支持
※Unite 2016 針對移動設備端的Unity應用優化