UE4 4.5で追加されたWidget Blueprintを使ってHUDを作成する方法についてをまとめた

1. HUD作成
Widget Blueprintの使い方

2. HUD ? GUI?
•HUD
Head Up Display（ヘッドアップディスプレイ） の略
「ハッド」と読む
•GUI
Graphical User Interface(グラフィカルユーザーインターフェース)の略
「グーイ/ ジーユーアイ」と読む
HUD : http://dic.pixiv.net/a/HUD
GUI : http://e-words.jp/w/GUI.html

3. アンリアルモーショングラフィックス(UMG)
• ４．５から追加された「ウィジェットブループリント」
• 公式ドキュメント
https://docs.unrealengine.com/latest/JPN/Engine/UMG/UserGuide/i
ndex.html
※ 2.UMG を有効にし、アセットを作成する
https://docs.unrealengine.com/latest/JPN/Engine/UMG/QuickStart/2
/index.html
４．５から[Unreal Motion Graphics (UMG)] チェックボックスはデフォ
ルトでチェックが入っている。
http://bit.ly/1ppb5oM

4. Widget ブループリントを追加する
1. 新規
2. ユーザーインターフェース
3. Widgetブループリント
4. ブループリントの名前を設定
5. 作成したブループリントをダ
ブルクリック

5. Widget ブループリントを編集する

6. コンポーネントを追加する
1. Buttonを編集エリアにドラッグ
2. Text BlockがButtonの子になるようにド
ラッグ

7. TextBlockのTextを変更する

8. コンポーネントのTextをBindする
1. Text Blockを選択する
2. Content -> Text -> Bind -> Create Binding
をクリックする

9. Bindの関数を作成する。
1. 変数(string)を追加する。
2. 変数はPublicに設定する。
3. Public変数をReturn Valueとする。
private public

10. Level BlueprintにGUIを表示するように設定する。
1. Blueprints -> Open Level Blueprint

11. 開始時にWidgetBlueprintを表示する。
UserWidgetを作成した
WidgetBluePrintに新規作成する。画面に追加するTextBlockのTextを設定する
Public変数を設定する。
変数を追加する。
UserWidget型に設定する設定した値が表示される。

12. ButtonのClick Eventを追加する

13. ClickEventを追加して設定する
Buttonを選択する
Add OnClickをクリック
Clickイベント時にPublic変数を変更する。
http://gyazo.com/302e8586e0596d19a63ad159d663f36b
クリック