UE4的UI製作流程

         UE4引擎編輯UI通常使用Widget Blueprint,HUD涵蓋的面比Widget Blueprint更廣,包含2D、3D和其他,使用c++進行編寫,但做UI不如Widget Blueprint細緻、功能多。

        首先,在Content Browser裏右鍵選擇生成一個WidgetBlueprint,打開WidgetBlueprint,根據需求選用Image、Text、Progress Bar等等組件設計你的UI畫面。VR遊戲裏建議儘量降低UI在視野畫面上佔用的比例,話說,哪個逗逼喜歡看到眼前老有塊抹不掉的東西。UI畫面排版好之後,可以按需求設計曲線和幀動畫,然後可以選定一個組件,在Details窗口裏凡是有Bind的項都可以點開Bind選項編寫邏輯,哥們可以根據需要設計編寫,然後在Graph頁面統一處理UI信息。注意,如果主角或者其他藍圖類需要調用到UI組件或者UI組件裏的變量,則需要將組件的Is Variable項勾上,就在Details窗口第一行組件名後面。


     WidgetBlueprint做好後,我們就要確定我們選擇哪種方法給相機添加上UI,我這有兩種方法,一種是直接綁到相機上,一種是動態添加給相機。

     直接綁到相機。打開主角的Character藍圖,添加一個Spring Arm拉到Camera下面,再添加一個Widget組件拉到Spring Arm下面,在Widget組件Details窗口的User Interface欄的Widget Class項設置UI藍圖類。注意,設置好UI藍圖類後,還需要將Widget組件倒轉180度,並調節Widget的位置,使UI正好在相機視野裏,而且這種方法做出的UI會隨動作抖動,所以要嚴格控制抖動的範圍和方向。Widget組件加到主角藍圖之後,Widget組件的User Interface下的Space項選World,Image的Alpha值只有0和1兩種情況,選Screen,Alpha值纔可控。

    

      動態添加給相機。先用Create UI Widget生成一個UI組件,然後用Add to Viewport將UI添加到主角的視野裏,如果需要隱藏UI,可以直接用Remove from Parent拉出來,等需要顯示的時候再直接用Add to Viewport添加上去。注意,避免重複用Create UI Widget生成組件,以免佔用大量內存,生成後可以用Add to Viewport和Remove from Parent控制UI的顯示和隱藏。


     學了3個月UE4,感覺上VR遊戲其實並不太注重UI這部分,現階段市面上的VR遊戲絕大多數直接省略UI,學做UI只是讓你在接到需求後多條路子去實現而已。



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