27.

UE5でメニュー画面を作成して開く方法

ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!

Unreal Engine 5(UE5)でメニュー画面を開く方法について詳しく解説します。メニュー画面は、ゲームの開始、設定変更、終了などの機能を提供する重要なUI要素です。

1. メニュー画面の作成

まず、メニュー画面を作成するためのウィジェットを用意します。

手順:

1. 「コンテンツブラウザ」で右クリックし、「ユーザーインターフェース」→「ウィジェットブループリント」を選択。

2. 任意の名前(例: MainMenuWidget)を付けて作成。

3. ウィジェットエディタを開き、「キャンバスパネル」に「ボタン」や「テキスト」を配置。

4. ボタンのクリックイベントを設定し、「Play Game」「Settings」「Exit」などの機能を追加。

2. メニュー画面を開くブループリントの作成

メニュー画面を開くための処理をブループリントで作成します。

手順:

1. 「レベルブループリント」または「プレイヤーコントローラー」のブループリントを開く。

2. 「Create Widget」ノードを追加し、「クラス」に作成したウィジェット(MainMenuWidget)を設定。

3. 「Add to Viewport」ノードを接続し、画面にウィジェットを表示する。

4. メニューを開くための入力キー(例: 「Esc」キー)を設定し、「ウィジェットを表示」する処理を作成。

3. メニュー画面の閉じ方

開いたメニュー画面を閉じるための処理を追加します。

手順:

1. メニューウィジェットの「閉じる」ボタンのクリックイベントを作成。

2. 「Remove from Parent」ノードを追加し、現在のウィジェットを削除する。

3. 必要に応じて「Set Input Mode Game Only」を実行し、ゲーム入力に戻す。

4. まとめ

UE5でメニュー画面を開くには、以下の手順を実行します。

・ ウィジェットブループリントを作成し、メニューUIをデザイン。

・ ブループリントで「Create Widget」→「Add to Viewport」を設定。

・ 「Esc」キーやボタンイベントでメニューを開閉できるようにする。

この方法を活用することで、ゲームにメニュー画面を簡単に追加できます。

ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページ
子ページはありません
同階層のページ
  1. 床の上に乗ったらイベントを発生させる方法
  2. OverlapAllDynamicとOverlapAllの違い
  3. タイトル画面を作る方法
  4. サードパーソンテンプレートでのキャラクター表示の仕組みと非表示にする方法
  5. ボタンに文字を記載する方法
  6. Event ActorBeginOverlapとOn Component Begin Overlapの違い
  7. キャラクターに特定のオブジェクトとの当たり判定を付ける
  8. 特定のオブジェクトに触れたとき、キャラクターが倒れるようにする
  9. 動いているオブジェクトに静止しているキャラクターが当たり判定を持たない原因と解決方法
  10. 「On Component Hit」に「Cast To ~」で複数のクラスを指定する方法
  11. Blenderファイルをインポートする方法
  12. 鏡を作成する方法
  13. レベルブループリントでキャラクターの出現を設定する方法
  14. サードパーソンテンプレートにおけるキャラクター出現の定義
  15. アイテムに近づいたらボタンを押してイベントを発火させる方法
  16. 画面の中央にメッセージを表示する方法
  17. どこからでも呼び出せるカスタムイベントを作成する方法
  18. カスタムイベントに引数を追加する方法
  19. 「Get Overlapping Actors」から特定のクラスの場合のみ処理を実行する方法
  20. オブジェクトに近づいている間だけメッセージを表示する方法
  21. PCの画面を操作するUIを作る方法
  22. コンテンツブラウザに画像を追加する方法
  23. SetInputMode_UIOnlyを取り消す方法
  24. 特定の画像の上にマウスカーソルを置いたら手マークにする方法
  25. オブジェクトがアウトライナーで選択できない原因と解決策
  26. PlayerStartを作成する方法
  27. メニュー画面を作成して開く方法
  28. 「Esc」キーを押してメニュー画面を開く方法(ゲーム内の処理は停止する)
  29. イベントの「On Clicked」と「On Pressed」の違い
  30. 「Set Input Mode」の種類と使い方
  31. 「Set Game Paused」の使い方と詳細解説
  32. Motion Matchingとは?
  33. 「GameMode」と「GameModeBase」の違い
  34. マップに配置したTargetPointを取得する方法
  35. UE5でマップに配置したTargetPointを取得する方法
  36. TargetPointにタグをつけて取得する方法
  37. Spawnしたインスタンスがイベントを実行する方法
  38. 特定の時間ごとに処理を実行する方法
  39. 数値をランダムで出力する方法
  40. ThirdPersonテンプレートでキャラクターの移動を歩くように変更する方法
  41. MaxWalkSpeedを変更する方法
  42. しゃがむ動作を導入する方法
  43. キャラクターのアニメーションを設定する方法
  44. 導入済みのプラグインを確認する方法
  45. Motion Matchingの導入と必要なプラグイン
  46. プレイヤーを非表示にする方法
  47. カメラを傾ける角度を制限させる方法
  48. 配列からランダムに重ならない要素を特定の数取得する方法
  49. カメラの映す画面に文字やエフェクトを付ける方法
  50. キャラクターやメッシュを非表示にした際にカメラが移動しなくなる問題の解決方法
  51. プライマリーデータアセットを活用する方法
  52. プレイヤーのHPといった変数を定義する最適な場所
  53. カメラに映った画面をスクリーンショットとして保存する方法
  54. スクショ以外の方法でゲーム内のカメラ映像を保存して再表示する方法
  55. HighResShotを使って画像を保存する方法
  56. HighResShotで保存した画像のファイル名を取得する方法
  57. SceneCapture2DとFrameGrabberの画像保存方法の比較
  58. SceneCapture2Dを使用して画像を保存・取得する方法
  59. HighResShotとTake High Res Screenshotの違い
  60. ゲーム終了ボタンを作成する方法
  61. 「Save Game To Slot」の戻り値がfalseになる問題の解決方法
  62. 画面上にメッセージを指定された時間表示させる方法
  63. 「シェーダをコンパイル」を短縮する方法
  64. 「Take High Res Screenshot」実行時に「シェーダをコンパイル」に長時間待たされる問題とその解決策
  65. データベースを活用する方法
  66. UE5.5がインストールされた環境にUE5.4を追加で導入する方法
  67. World PartitionとWorld Compositionの違い
  68. オープンワールドテンプレートとは?
  69. ポーンをスポーンさせても視点を切り替えない方法
  70. キャラクター同士がすり抜けてしまう問題の解決方法
  71. キャラクターの外見を動的に変更
  72. World Partitionでインスタンスが「アンロード済み」になる問題
  73. データ アセットとデータ テーブルの違い
  74. コンポーネントイベントグラフ内で親クラスの変数にアクセスする方
  75. エディターのソースコードの自動保存の頻度を高める方法
  76. SpawnActorでSpawn Transform Rotationが反映されない理由