スクリーンエディタ

スクリーンエディタは、カスタムゲームエンジンスクリーンを構築するためのビジュアルワークスペースです。スクリーンコードをすべて手書きすることなく、ゲームインターフェースをデザインできます。

構築できるもの

カスタムメインメニューとポーズメニュー
ステータス・クエスト・情報のための HUD オーバーレイ
インベントリとバックパックスクリーン
キャラクターステータスパネル
設定メニューと特殊オプションスクリーン
ゲームメカニクス用のユニークなインターフェーススクリーン

コアエレメント

よく使われるインターフェースパーツを組み合わせられます。

テキスト — ラベル・タイトル・説明文
ボタン — 選択肢とアクション
画像 — アイコン・背景・イラスト
バー — HP・エネルギー・進捗・アフェクション
グリッド — アイテムレイアウトとメニュー構造
ビューポート — スクロール可能エリア
フレーム — コンテンツのグループ化とスタイリング

INFO

スクリーンエディタは、デフォルトのインターフェースではプロジェクトに不十分な場合に特に役立ちます。カスタムシステムを含むストーリーの場合、ここでそれをサポートするスクリーンを構築できます。

使い方

ツールエリアから スクリーンエディタ を開く。
空白スクリーンから始めるか、テンプレートを選ぶ。
エレメントをキャンバス上にドラッグ＆ドロップする。
プロパティパネルでテキスト・画像・スペーシング・アライメント・動作を調整する。
作業しながらリアルタイムでスクリーンをプレビューする。
準備ができたら結果をゲームエンジンスクリーンコードとしてエクスポートする。

スクリーンエディタを使うべきタイミング

デフォルトの見た目ではなくカスタムメニュースタイルが欲しいとき。
ゲームにインベントリ・マップ・コーデックス・ステータスのスクリーンが必要なとき。
専用のインターフェースが必要な特別なメカニクスを追加するとき。
ゲームに組み込む前に UI アイデアをビジュアルでプロトタイプしたいとき。

TIP

テンプレートから始めて、一度に一パーツずつカスタマイズしましょう。小さく段階的な変更が、磨かれたスクリーンを構築する最も簡単な方法です。

便利なヒント

まずレイアウトを構築してから、カラーとスペーシングを磨きましょう。
ボタンとスクロールエリアは早めにテストしましょう。
重要なアクションを見つけやすい位置に置きましょう。
スクリーン間でスタイルを再利用して、UI に統一感を持たせましょう。