ウィジェットを使用してカスタム UI を表示できる仕掛けがいくつかあります。 テンプレートで紹介されている仕掛けは、それぞれ固有な方法で UI を表示します。 テンプレートの各部屋には、機能する仕掛けに関する情報と、カスタム UI がどのように表示されるかに関する情報が提供されます。
テンプレートをプレイテストして、UI サンプルを表示します。
テンプレートに表示される仕掛け、仕掛けページへのリンク、および仕掛けがあるルーム番号の概要を以下の表に示します。
| 仕掛け | ルーム番号 | 仕掛けの画像 |
|---|---|---|
1個 | ||
1個 | ||
2 | ||
HUD 制御仕掛け (クイックバー) | 2 | |
3個 | ||
3個 | ||
3個 | ||
会話の仕掛け | 4 |
ユーザー ウィジェット タイプ
機能テンプレート内のほとんどすべての仕掛けは、ユーザー ウィジェットを使用して HUD の制御やカスタム UI の表示を行います。
ゲームプレイ中に、仕掛けがトリガーされると、ユーザー ウィジェットにより HUD にカスタム プレイヤー UI が表示されます。 仕掛けは UMG ウィジェットにバインドされます。 つまり、プレイヤーが仕掛けとやりとりすると、UI が更新され、更新されたプレイヤー情報が表示されます。
ユーザー ウィジェットには、ユーザー ウィジェットとモーダル ダイアログ バリアントの 2 種類があります。 どちらのウィジェット タイプも、任意の UMG ウィジェットを使用してカスタム UI を作成できます。
ユーザー ウィジェットは、カスタム UI の作成時に使用するデフォルト ウィジェットです。
モーダル ダイアログ バリアントは、ポップアップ ダイアログの仕掛けとのみ一緒に使用できます。
たとえば、会話の仕掛けは会話バンクを使用して会話 UI を構築しますが、モーダル ダイアログ バリアントを使用すると会話 UI のカスタム外観を作成できます。
Verse UIユーティリティ
Verse UI ユーティリティは、Verse によって制御されるユーザー インターフェース (UI) ユーティリティのコレクションです。 これらのユーティリティは、Verse でさまざまな UMG ウィジェットをコントロールおよび作成し、Verse の仕掛けを使用して HUD に UI を表示します。
Verse では、 UMG エディタ のように、 オーバーレイ や スタック ボックス などのコンテナを使用して、レイアウトを作成します。 これらのコンテナ内では、text_block、material_block、image_block などのウィジェットを使用して、テキスト、マテリアル、または画像を挿入します。 これらの Verse ウィジェットはゲーム内のイベントに応答でき、他の Verse ウィジェット で使用できます。
2 番目のルームの 2 番目のホールの背面には Verse ウィジェットがあり、各ウィジェットの例が並んでいます。 material_block ウィジェットは UI マテリアルを制御し、text_size ウィジェットは HUD の text_block の UI テキスト サイズを制御します。
player_input ウィジェットは、キーバインドに基づいてカスタム UI 要素を HUD にマップします。
Verse を使用してウィジェットを制御する方法の詳細については、 「ウィジェット型」 と 「Verse で UI を作成する」 のドキュメントを参照してください。
すべての Verse スクリプトは、ユーザー インターフェース テンプレート プロジェクトで使用することができます。 Verse Explorer には、次の Verse スクリプト UI ファイルがあります。
materialblock_basic_device.verse
materialblock_gameplay_device.verse
textsize_device.verse
hud_keybind_demo_device.verse
マテリアル ブロック
Material_block は、Verse コードで作成されたカスタム ウィジェット内のスロットの 1 つとして使用されます。 ゲームプレイ中、Verse 経由でマテリアル パラメータを操作する手段が material_block から提供されます。 これを使用すると、HUD 上での UI マテリアル/マテリアル インスタンスの外観や動作を変更することができます。 これは、Verse で image_block でテクスチャを使用する方法に似ています。
material_block は、Verse コードでさまざまな方法で使用されます。
これは、マテリアル パラメータを使用して、マテリアルのサイズ、動作、外観を決定し、より動的な UI を作成する方法を提供します。
Verse からマテリアル パラメータに値を渡すことができるため、ゲームプレイに基づいてマテリアルを動的に更新できます。
プロジェクトで material_block を使用する方法の詳細は、マテリアル ブロック のドキュメントを参照してください。
テキストサイズ
text_size プロパティは text_block ウィジェットの一部であり、text_block ウィジェットを使用してプレイヤーの UI にレンダリングされるテキストのサイズをカスタマイズする方法を提供します。
Verse では、text_block はウィジェットの型であり、Verse で作成したウィジェット内に挿入され、テキストの文字列をレンダリングします。
カスタムの text_size プロパティは、Verse コードを使用して、次のテキスト属性を制御します。
サイズ
順位
カラー
プレイヤー入力
プレイヤー入力は、ボタン押下に基づいて UI コントロールを HUD にマップする場所とタイミングをコードに伝えるプレイヤー データをリッスンするために使用されます。 UMG では、ユーザー ウィジェットでアクション ウィジェットが使用されている場合に機能し、拡張入力アクション フィールドはキーバインドを介して入力アクションにリンクされています。
ウィジェットでは、キーバインドは Reload、Shoot、Crouch、Stand にマップされています。
テンプレート内でウィジェットがプレイヤーに追加されると、Verse で入力マッピングが追加されます。 これにより、入力アクションがそのプレイヤーに自動的に関連付けられ、UMG ウィジェットがその入力アクション用の正しいキーバインドで更新されます。
UI 要素をプレイヤーにマッピングするには、まず Verse コードでプレイヤーを検出し、PlayerInput を使用して、以下にマップされたキーバインドに基づいてカスタム UI が HUD にマップされます。
トラバーサル マッピング
遠隔武器マッピング
次に、PlayerInput.AddInputMapping を使用して、UMG ウィジェット UI がプレイヤーのしゃがみや立ちのキーバインドにマップされます。 UI は、サブスクライブされたイベント OnPlayerAdded を通じてプレイヤーにマップされます。 同様に、サブスクライブされたイベント OnPlayerRemoved を通じてマップが削除されます
UI サンプル
それぞれの仕掛けには、次の 3 つのカテゴリの UI サンプルがあります。
マテリアルで作成。
テクスチャで作成。
マテリアルとテクスチャで作成。
仕掛けブースの横にあるボリュームに歩いて入ると、カスタム UI の表示がトリガーされます。 3 つのサンプルは、UMG で可能なことを示すだけでなく、独自の UI に配置できるデザインと詳細度についても示しています。 ボリュームにはダメージを与えるものや、体力を回復するものがあります。 こうすることで UI の変更をリアルタイムで確認できます。
すべての UI サンプルは、「インゲームユーザーインターフェース (UI)」セクションのチュートリアルを使用して再現できます。 サンプルの UI デザイン、UI の作成に使用されるユーザー ウィジェットのタイプ、および同様の UI の作成方法を説明したチュートリアルのリストを以下に示します。
| UI サンプル | ウィジェットの種類 | Tutorial |
|---|---|---|
HUDメッセージ | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ポップアップ ダイアログ | ||
モーダル ダイアログ バリアント | ||
モーダル ダイアログ バリアント | ||
モーダル ダイアログ バリアント | ||
HUD 制御 | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
HUD 制御 - クイックバー | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
統計データ クリエイター | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
高度なインタラクション | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
会話の仕掛け | ||
会話バンク | ||
タイマーの仕掛け | ||
ユーザーウィジェット | ||
ユーザーウィジェット | ||
ユーザーウィジェット |