この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:3
ページ更新者:T
更新日時:2026-06-11 07:07:02

タイトル: ゲーム終了ボタンを作成する方法
SEOタイトル: UE5 でゲーム終了ボタンを作成する方法（Widget Blueprint + Quit Game 完全手順）

この記事の要点
  • Widget Blueprint に Button を配置し、OnClicked イベントで Quit Game ノードを呼ぶのが基本構成
  • Quit Game ノードには Quit Preference（Quit / Background）と Specific Player（Player 0）パラメータがある
  • PIE（Play In Editor）では Quit Game は エディタを終了させず PIE を停止するだけ — パッケージ化したビルドで実機テストする
  • モバイルでは Background 推奨（iOS は完全終了不可、Android も非推奨）— プラットフォーム差を把握
  • ウィジェットの表示制御は Level Blueprint で Create Widget → Add to Viewport → マウスカーソル表示が定番
  • 関連: UE5 Tips

ゲーム終了ボタンとは

Unreal Engine 5 (UE5) でゲームを終了させる UI ボタンを作る方法を解説します。スタンドアロンの PC ゲームではタイトル画面・ポーズメニューに「ゲーム終了」ボタンを配置するのが定番で、UE5 では Widget Blueprint（UMG）と Quit Game ノードを組み合わせて簡単に実装できます。

本記事では Widget の作成 → ボタン配置 → OnClicked イベント実装 → Level Blueprint からの表示制御まで、最小構成のフローを順に追います。

全体構成図

ステップ作業内容ファイル / ノード
1Widget Blueprint を作成WBP_ExitMenu
2Button + TextBlock を配置UMG Designer
3OnClicked イベントを追加Graph タブ
4Quit Game ノードを接続Quit Game
5Level Blueprint で Widget を生成・表示Create Widget + Add to Viewport
6マウスカーソル表示・入力モード設定Set Show Mouse Cursor / Set Input Mode

1. Widget Blueprint を作成

コンテンツブラウザで右クリック → User Interface → Widget Blueprint を選択し、親クラスに User Widget を指定。名前は WBP_ExitMenu としておきます。

ダブルクリックで開くと、左上に Designer タブ・右上に Graph タブが並ぶ UMG エディタが起動します。

2. ボタンとテキストを配置

左の Palette から Button を Canvas Panel にドラッグ、続いて Button の中に Text Block をドラッグして子要素にします。これでボタン内にラベルを表示できます。

  • Button の Hierarchy 上の名前を ExitButton に変更
  • Text Block の Text プロパティに「ゲーム終了」を入力
  • Button のサイズと位置を Details → Anchors / Position で調整

デザイン段階で Button の Style から Normal / Hovered / Pressed の色や画像を変えると、マウスオーバーやクリック時のフィードバックが付けられます。

3. OnClicked イベントを追加

Designer 上で ExitButton を選択し、Details パネル下部の Events セクションにある OnClicked の「+」ボタンをクリック。自動的に Graph タブに切り替わり、OnClicked (ExitButton) ノードが生成されます。

4. Quit Game ノードを接続

Graph 上で右クリック → 検索ボックスに「Quit Game」と入力 → Quit Game ノードを配置し、OnClicked の実行ピンと繋ぎます。

ピン意味推奨値
Specific Player終了対象のプレイヤーGet Player Controller (0)
Quit Preference終了方法Quit（PC）/ Background（モバイル）
Ignore Platform Restrictionsプラットフォーム制限を無視false（推奨）

Specific Player に何も繋がない場合は内部で Player 0 が使われますが、明示的に Get Player Controller (Index 0) を渡すと意図が伝わって保守しやすくなります。

5. Level Blueprint でウィジェットを表示

レベルを開き、ツールバーの Blueprints → Open Level Blueprint を選択。EventBeginPlay から以下を繋ぎます。

  • Create Widget — Class に WBP_ExitMenu を指定
  • Add to Viewport — Return Value をそのまま繋ぐ
  • Get Player Controller (0) → Set Show Mouse Cursor（true）
  • Set Input Mode UI Only（または Game and UI）でカーソル操作を有効化

これでレベル開始時にウィジェットが表示され、ボタンをクリックするとゲームが終了します。

6. ポーズメニュー化（応用）

常に表示ではなく Esc キーでメニューを開閉したい場合は、Project Settings → Input に TogglePause アクションを追加し、Level Blueprint で以下のフローを組みます。

  • Esc 押下 → Set Game Paused (true) → Create Widget → Add to Viewport
  • 同じキーで Widget が表示中なら → Remove from Parent → Set Game Paused (false)
  • Widget 側で「Is Focusable: true」「Behavior → Visibility: Visible」に

PIE と Quit Game の挙動

エディタ上で再生する PIE (Play In Editor) モードでは、Quit Game はエディタごと終了せず PIE のみ停止します。エディタの終了挙動を確認したい場合は、Package Project でビルドしたスタンドアロン実行ファイルでテストします。

プラットフォーム別の注意

プラットフォームQuit 挙動推奨設定
Windows / Mac / Linuxプロセス終了Quit Preference = Quit
iOSApp Store ガイドラインで完全終了禁止そもそも終了ボタンを置かない
AndroidBackground 推奨（バックグラウンド遷移）Quit Preference = Background
Console (PS5/Switch)各社の Cert に従う — 通常はタイトル画面に戻すだけ独自フロー必要

C++ で書く場合

Blueprint ではなく C++ で実装する場合は APlayerController::ConsoleCommand("quit") または UKismetSystemLibrary::QuitGame を呼びます。

// MyPlayerController.cpp
#include "Kismet/KismetSystemLibrary.h"

void AMyPlayerController::OnExitButtonClicked()
{
    UKismetSystemLibrary::QuitGame(
        GetWorld(),
        this,
        EQuitPreference::Quit,
        false  // bIgnorePlatformRestrictions
    );
}

FAQ

Q: PIE で Quit Game が効かない
A: 仕様。エディタを終了させず PIE 停止になる。スタンドアロン or パッケージビルドで確認。

Q: 「終了確認ダイアログ」を出したい
A: OnClicked → もう 1 つの Widget (確認ダイアログ) を Create → Yes ボタンに Quit Game を繋ぐ。

Q: マウスカーソルが表示されない
A: Set Show Mouse Cursor (true) と Set Input Mode UI Only / Game and UI を Player Controller に対して呼ぶ。

関連: UE5 Tips