2. スプラッシュ画面をカスタマイズする

このセクションでは、スプラッシュ画面用の HUD メッセージの仕掛けで表示するカスタム画像の作成方法について説明します。 プロジェクトに独自の画像を追加する方法については、「テクスチャをインポートする」を参照してください。

カスタムのスプラッシュ画面を作成するには次の手順を実行します。

1. WBP_Logo1 という名前のユーザー ウィジェットのバリアントを含む Widget ブループリントを作成します。

2. まず、Size Box ウィジェットを追加して、次にその子として Image ウィジェットを追加します。 Size Box は、Image ウィジェットを配置するためのパネルを提供します。

3. Image ウィジェットの [Details] パネルで、次の設定を適用します。

   オプション	値	説明
   Horizontal Alignment (水平アライメント)	Center Align Horizontally (水平方向に中央揃え)	画像が画面の水平方向の中央に表示されます。
   Vertical Alignment (垂直アライメント)	Center Align Vertically (垂直方向に中央揃え)	画像が垂直方向で画面の中央に表示されます。
   Image (画像)	T_UI_IconLibrary_Bicycle_128	UI に表示される画像。
   Image Size X (画像サイズ X)	128.0	画像の幅を設定します。
   Image Size Y (画像サイズ Y)	128.0	画像の高さを設定します。

4. 保存して、Widget ブループリントの [Compile (コンパイル)] をクリックします。

2 つ目のスプラッシュ画面用に WBP_Logo1 アセットを複製し、画像を変更します。

これらのカスタム ウィジェットは、このチュートリアルの後続のステップ 5 で、HUD メッセージの仕掛けに追加します。

次のセクション

• 

  3. タイトル画面をデザインする

  HUD メッセージの仕掛けで表示するカスタムのタイトル画面を作成します。