ウィジェットは、UI に 追加または削除 することができる UI 要素です。
以下のセクションでは、Verse でのカスタム仕様の UI の作成に使用できるすべてのウィジェットについて説明します。
キャンバス
キャンバス はコンテナ ウィジェットです。キャンバス スロット を使用することで、他のウィジェットをキャンバス内に配置して UI を設計できます。キャンバス ウィジェットが UI 階層の最上部にある場合は、それが画面全体を表します。
キャンバス ウィジェットを別のキャンバス ウィジェット内にネスト化することはできますが、画面全体を網羅するのはそのルート キャンバス ウィジェットのみです。
キャンバス ウィジェットの作成方法と、ウィジェットの画面への配置方法のそれぞれの例については、「ウィジェットを画面上に配置する」を参照してください。
ボタン
UI に追加可能なボタン ウィジェットは 3 つあります。 これらのボタンの違いは外観のみです。
UI | Verse コード |
---|---|
![]() |
|
![]() |
|
![]() |
|
ボタンのインタラクションを作成する方法については、「ウィジェットをインタラクション可能にする」を参照してください。
カラー ブロック
color_block ウィジェットを使用して、ウィジェットの色とオパシティを定義できるウィジェットを作成できます。

Widget := color_block:
DefaultColor := NamedColors.CornflowerBlue
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 128.0,Y := 128.0}
Image
texture_block ウィジェットに割り当てられた テクスチャ を使用して、画像を UI に追加できます。

Widget := texture_block:
DefaultImage := MyTexture
DefaultDesiredSize := vector2{X := 128.0,Y := 128.0}
UEFN のテクスチャを Verse コードに公開する方法については、「UEFN 内のアセットを Verse に公開する」を参照してください。
スライダー
スライダを追加することで、プレイヤーは事前に定義された範囲内で値を設定できます。 step size (ステップ サイズ) プロパティはコントローラーまたはキーボードで値が変化する量を示しますが、値の変更にマウスを使用するプレイヤーのステップ サイズには影響しません。

Widget := slider_regular:
DefaultValue := 5.0
DefaultMinValue := 0.0
DefaultMaxValue := 10.0
DefaultStepSize := 0.5
スライダーのインタラクションを作成する方法については、「ウィジェットをインタラクション可能にする」を参照してください。
Text
UI でテキストを表示するには、テキスト ブロック を使用します。

TextForUI<localizes> : message = "This is my text!"
Widget := text_block{DefaultText := TextForUI}
オーバーレイ
オーバーレイ ウィジェットを使用して、複数のウィジェットを互いの上に重ねることができます。それぞれのウィジェットは、オーバーレイ スロットを指定した順序でレンダリングされます。

次の例では最初にカラー ブロックがレンダリングされて、次に、そのカラー ブロックの上にテキスト ブロックがレンダリングされます。 オーバーレイ スロットの順序を入れ替えると (テキスト ブロックを最初にすると)、カラー ブロックがテキスト ブロックの上にレンダリングされて、テキストが隠されます。
TextForUI<localizes>(InText : string) : message = "{InText}"
Widget := overlay:
Slots := array:
overlay_slot:
Widget := color_block:
DefaultColor := NamedColors.MintCream
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 1024.0,Y := 128.0}
overlay_slot:
Widget := text_block:
DefaultText := TextForUI("This is my text block overlaying a color block.")
スタック ボックス
スタック ボックス ウィジェットを使うと、ウィジェットを垂直または水平方向にスタックできます。
垂直方向 | 水平方向 |
---|---|
![]() |
![]() |
|
|