HUD 作成Widget Blueprint の使い方

HUD ? GUI?

•HUDHead Up Display （ヘッドアップディスプレイ） の略 「ハッド」と読む•GUI

Graphical User Interface( グラフィカルユーザーインターフェース ) の略「グーイ / ジーユーアイ」と読む

HUD : http://dic.pixiv.net/a/HUDGUI : http://e-words.jp/w/GUI.html

アンリアル モーション グラフィックス (UMG)

• ４．５から追加された「ウィジェット ブループリント」• 公式ドキュメント https://

docs.unrealengine.com/latest/JPN/Engine/UMG/UserGuide/index.html

※ 2.UMG を有効にし、アセットを作成する　 https://docs.unrealengine.com/latest/JPN/Engine/UMG/QuickStart/2/index.html

４．５から [Unreal Motion Graphics (UMG)] チェックボックスはデフォルトでチェックが入っている。http://bit.ly/1ppb5oM

Widget ブループリントを追加する

1. 新規2. ユーザーインターフェース3. Widget ブループリント4. ブループリントの名前を設

定5. 作成したブループリントを

ダブルクリック

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

コンポーネントを追加する

1. Button を編集エリアにドラッグ2. Text Block が Button の子になるように

ドラッグ

TextBlock の Text を変更する

コンポーネントの Text を Bind する

1. Text Block を選択する 2. Content -> Text -> Bind -> Create Binding

をクリックする

Bind の関数を作成する。

1. 変数 (string) を追加する。2. 変数は Public に設定する。3. Public 変数を Return Value とする。

private public

Level Blueprint に GUI を表示するように設定する。

1. Blueprints -> Open Level Blueprint

開始時に WidgetBlueprint を表示する。

UserWidget を作成したWidgetBluePrint に新規作成する。 画面に追加する TextBlock の Text を設定す

る Public 変数を設定する。

変数を追加する。

UserWidget 型に設定する 設定した値が表示される。

Button の Click Event を追加する

ClickEvent を追加して設定するButton を選択する

Add OnClick をクリック

Click イベント時に Public 変数を変更する。

http://gyazo.com/302e8586e0596d19a63ad159d663f36b

クリック