60.

UE5でゲーム終了ボタンを作成する方法

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

ページの作成

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

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

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

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

Unreal Engine 5(UE5)を使って、ゲーム終了ボタンを作成する方法を解説します。このチュートリアルでは、ゲーム終了機能を持つボタンを作成し、ゲームを終了させる方法について説明します。UE5のウィジェットシステムを利用することで、簡単にボタンを作成し、ユーザーがボタンをクリックするとゲームが終了するように設定できます。

ゲーム終了ボタンの作成手順

UE5では、ウィジェットを利用してUIを作成することができます。今回はそのウィジェットにゲーム終了ボタンを配置する方法について説明します。

1. 新しいウィジェットブループリントを作成する

まず、UE5のエディタでゲーム終了ボタンを含む新しいウィジェットブループリントを作成します。ウィジェットブループリントは、UIのコンポーネントを追加、カスタマイズ、管理するためのツールです。

以下の手順で新しいウィジェットブループリントを作成します:

  • コンテンツブラウザで右クリックし、「ユーザーインターフェース」から「ウィジェットブループリント」を選択します。
  • 新しいウィジェットブループリントを「GameOverWidget」などの名前で保存します。
  • 作成したウィジェットブループリントをダブルクリックして、UIエディタを開きます。

2. ゲーム終了ボタンを追加する

ウィジェットブループリントを開いたら、次にゲーム終了ボタンを追加します。

ゲーム終了ボタンを追加するための手順は以下の通りです:

  • 「パレット」から「ボタン」をドラッグ&ドロップして、ウィジェットに追加します。
  • ボタンを選択し、「詳細」パネルでボタンの名前を「ExitButton」に変更します。
  • ボタンの「テキスト」プロパティを変更して、「ゲーム終了」などのテキストを設定します。

3. ボタンにクリックイベントを追加する

次に、ボタンがクリックされたときにゲームを終了させるイベントを追加します。このイベントは、ボタンが押されたタイミングで実行される処理です。

クリックイベントの追加手順は以下の通りです:

  • ボタンを選択し、「イベント」をクリックして「OnClicked」イベントを追加します。
  • 「グラフ」タブに切り替え、「OnClicked」イベントノードを見つけます。
  • 「OnClicked」イベントノードに、ゲームを終了するためのノードを接続します。

4. ゲームを終了するためのノードを設定する

ゲーム終了のために、UE5には「Quit Game」というノードがあります。このノードを使用することで、ゲームを終了する処理を簡単に追加することができます。

以下の手順でゲーム終了ノードを設定します:

  • 「OnClicked」イベントノードに「Quit Game」ノードを接続します。
  • 「Quit Game」ノードには特に設定を変更する必要はありません。ノードを追加するだけで、ゲームが終了します。

5. ゲーム終了ボタンを表示する

ゲーム終了ボタンを作成し、クリックイベントを設定したら、最後にゲーム画面にウィジェットを表示させます。これにより、ゲームプレイ中にボタンが表示され、クリックできるようになります。

ウィジェットを画面に表示するには、以下の手順を行います:

  • 「レベルブループリント」または「キャラクターブループリント」に移動します。
  • 「Create Widget」ノードを使用して、先程作成した「GameOverWidget」をインスタンス化します。
  • インスタンス化したウィジェットを「Add to Viewport」ノードで画面に追加します。

まとめ

これで、UE5でゲーム終了ボタンを作成し、クリックすることでゲームが終了する機能を実装できました。ウィジェットブループリントを利用することで、視覚的なUIを簡単に作成することができ、さらにゲーム内でユーザーにとって便利なインターフェースを提供できます。

ボタンのデザインや機能は、プロジェクトに合わせてカスタマイズ可能です。例えば、ボタンのアニメーションや色の変更など、見た目を調整することで、より魅力的なUIを作成できます。

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

ページの作成

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

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子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が反映されない理由