從零開始學基於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應用優化

TAG:虚拟现实技术 | Unity游戏引擎 |