WEBでよくあるUIのロールオーバーと同じUIは、モニー上で遊ぶゲームでも有効。
UIデザインの注意点、わかりやすく使いやすいも同じです。
大事なところはイラレを使ってフォントや文字組、色使い等にもこだわるところ、も同じく。
作業の流れ。
イラレで画面を作る。 → パーツごとにバラバラにする。 → UEのウィジェットでレイアウト→ BPでリンク先とかを指定
少し詳しく
1）イラレでゲーム開始画面をつくる。 その中でテーマカラーや強調色を決めておく。その後遊び方、ゲームクリア、ゲームオーバー画面もイラレで作っておく。
2）イラレの上で、ボタンとかロールオーバーやボタンダウンなどのUI部分もレイヤーをつかって作っておく
3)イラレのアセットを使って、UEで使える画像形式のPNG画像でUIのパーツをつくる。（PNGは透明が使えるので便利）
4）UEでゲームスタート画面ウィジェット（以後Wg）をつくる。そのWgに名前をつける（ここではWgStartにした）
5）LVブループリントから、レベルを開いたときに → Wgを作成（Class で つくったゲームスタート画面のウィジェットを指定）→ ヴューポートを追加 ↓
プレイヤのコントロールをGETして→ Wg上でのマウス操作をさせるためにマウスカーソールを表示 → スタート画面のWG上での操作だけにする → Wg上でのマウス操作を確実にできるようにゲーム操作をできなくする（ゲームを一時停止）
6）コンテンツブラウザから追加／インポートかマウス右クリック→ユーザーインターフェイス→ウィジットブループリントでゲームスタート画面用のWgを作り、そのWgに名前をつける（ここではHowToPlayに）
ゲームスタート画面用のWgを開き、グラフからWｇのBPを開く。
▼PLAYボタン（ゲーム開始）
PLAYボタン名（ここではButton_0）を選択して詳細パネルから OnClickedを選択（緑の＋ボタンを押す）すると OnPressed(Button_0) のノードが出てくる。
PLAYボタンを押したときに という意味のこのノードがトリガー（発火点）になるので、ここからBPを繋げていく。
ゲームのじゃまになるのでこのWgをヴューポートから消去（Remove from Parent）、プレイヤー（ここでは 0のプレイヤー）のマウスも削除（チェック外す）し（Show Mouse Cursor：←でノード出てきます セットからだと出ない？）、ゲームモードオンリーにする。ゲームのポーズ、一時停止を解除。
https://blueprintue.com/blueprint/7pi8t7wv/
▼あそびかたボタン（ゲーム解説）
上と同じく あそびかたボタン（ここではButton_198）を選択して詳細からトリガーになるOn clicked(Button_198)を出す。ここから今表示してるウィジットを消去し、遊び方画面のウィジットを制作し表示、プレイヤーのコントロールをマウスのみにして、ウッジット上のみで操作できるようにして、ゲームは一時停止（ポーズ）のBPをつなげていく。
7）ゲームオーバー画面Wgをつくる、そのWgに名前をつける（ここではWg_GameOverJigokuに）
6と内容は一緒、呼び出すトリガーのBPはゲームオーバー条件に紐付ける。
8）ゲームクリア画面Wgをつくる、そのWgに名前をつける（ここではWg_GameClearに）
6と内容は一緒、呼び出すトリガーのBPはゲームクリア条件に紐付ける。
ゲーム開始時のレベル指定
ゲームモードの設定をすると、パッケージ化後のゲーム開始レベルや、エディタ起動時、最初に開くレベルを指定できる。
- メニュー [Edit] ＞ [Project Settings]
- [Project Settings]＞[Maps＆Modes]を選択
- [Default Maps] ＞ [Game Default Map]をパッケージ化後のゲーム開始レベルに、（[Editor Startup Map]はエディタ起動時、最初に開きたいレベルを指定。例えば、StarterMapとかの名前でレベルを先に作っておいて、それを指定する。）
コメント