高品質なグラフィカルユーザーインターフェースを、最小限のスクリプト要件で迅速に作成できます。これは、組み込みのUIオブジェクトを使用することで実現します。作成する場所に応じて、UIは画面上またはゲームの3Dワールド内にレンダリングされます。
画面上のUI
画面上のコンテナは、プレイヤーの画面に表示したいUIオブジェクトを保持します。これには、フレーム、ラベル、ボタンなどが含まれます。すべての画面上のUIオブジェクトとコードは、クライアント上に保存され、変更されます。
ゲーム内のUI
ゲーム内のコンテナは、SurfaceGuisやBillboardGuisなど、ゲームの3Dワールド内に表示したいUIオブジェクトを保持します。
UIオブジェクト
ほとんどのUI要素はGuiObjectsであり、コンテナに親子関係を持つ2Dグラフィカルユーザーインターフェースオブジェクトです。最も一般的な4つは、フレーム、ラベル、ボタン、およびテキスト入力オブジェクトです。
| オブジェクト | 説明 |
|---|---|
| フレーム | Framesは他のUIオブジェクトのコンテナとして機能します。フレームを操作すると、それに含まれるオブジェクトも操作されます。 |
| ラベル | TextLabelおよびImageLabelオブジェクトは、カスタマイズ可能なテキストや画像を表示することを可能にします。 |
| ボタン | TextButtonおよびImageButtonオブジェクトは、ユーザーがアクションを促すことを可能にします。 |
| テキスト 入力 | TextBoxオブジェクトは、ユーザーがテキストを入力することを可能にします。 |
Position、Size、AnchorPoint、およびZIndexプロパティを使用することで、GuiObjectsの位置、サイズ、およびレイヤーを完全に制御できます。また、ツイーニングを使用して、GuiObjectを一つの状態から別の状態にスムーズに遷移させ、動的な視覚フィードバックを提供することもできます。
レイアウトとデザイン
位置とサイズを調整するための基本的なプロパティに加えて、Robloxはリスト/フレックスやグリッドなどのレイアウト構造、さらにサイズ修飾子や外観修飾子を提供しています。
ユニバーサルスタイリング
ユニバーサルスタイリングは、CSSに似たRobloxのスタイルシートソリューションで、UIインスタンスプロパティに対するオーバーライドを宣言し、グローバルに適用することができます。このエンジンレベルのサポートは、スタイル エディタとエンドツーエンドのトークンパイプラインの基盤となります。
インタラクティブフレームワーク
コアのユーザーインターフェースオブジェクトに加えて、以下のフレームワークは、ゲームに組み込みおよびカスタマイズ可能なインタラクティビティを提供します。
プロキシミティプロンプト
プロキシミティプロンプトは、ユーザーがドア、ライトスイッチ、ボタンなどのゲーム内オブジェクトに近づくとアクションをトリガーするためのユーザーインタラクションを促すユニークな組み込みUIオブジェクトです。
UIドラッグディテクター
UIドラッグディテクターは、スライダー、スピナーなどの2Dユーザーインターフェース要素とのインタラクションを促進し、奨励します。
3Dドラッグディテクター
3Dドラッグディテクターは、ドアや引き出しを開けたり、パーツをスライドさせたり、ボウリングボールをつかんで投げたり、スリングショットを引いて発射したりするなど、ゲーム内の3Dオブジェクトとの物理的なインタラクションを促進します。