Unreal Engine での Mobile Previewer の使用 | Unreal Engine 5.1 ドキュメンテーション

1：モバイル / HTML5 - Open GL ES2、2：Shader Model 4.0 - DX10/ OpenGL 3.3+、3：Shader Model 5.0 - DX11/ OpenGL 4.3+。

Unreal Engine 4 (UE4) では、Mobile Previewer を使用して、異なるモバイルデバイスのシーンの見え方の違いを UE4 Editor ビューポートで直接プレビューすることができます。[Preview Rendering Level (描画レベルをプレビュー)] を変更すると、シーン内のマテリアルが再コンパイルされ、選択したレンダラープレビューの外観と機能セットが最適にエミュレートされます。モバイルプレビューアを使用すると、エディタを再起動しなくても、レンダリングレベルをシームレスに切り替えることができます。

モバイルプレビューアを使用する

Mobile Previewer を使用すると、現在の UE4 セッションでさまざまなレンダラに素早く切り替えることができるので、ターゲットに設定したデバイス上でのゲームの見え方を確認しながら、エディタでの作業が可能です。別のレンダラープレビューに変更する方法については、次の手順を参照してください。

新しい [Preview rendering level] を有効にするためにエディタを再起動する必要はありませんが、最初に [Preview rendering level] を変更するときは、シェーダを再コンパイルする必要があります。前に使用したレンダリングレベルに対しては変更がほぼ瞬時に適用されます。

メインツールバーから [Settings (セッティング)] ボタンを選択して、メニューアイテムのリストを展開します。[Scalability (スケーラビリティ)] セクションの下の [Preview Rendering Level] の上にカーソルを置くと、選択可能な様々なレンダリングレベルのオプションが表示されます。
プレビューするレンダリングレベルの上にマウスを置き、左クリックして選択します。
[Changing Preview Rendering Level] 進捗バーがポップアップ表示されます。完了したら、シェーダを再コンパイルします。

[Preview Mode] ボタンは、[Settings] ボタンの横に表示され、ボタンには選択したプレビューモードのアイコンが表示されます。これをクリックすると、モバイルプレビューアが無効になります。
レンダリングレベルを選択すると、ビューポート内のマテリアルが自動的に更新され、ターゲットプラットフォームに対して有効または無効になっているマテリアル品質を使用した新しいレンダリング方法が反映されます。これらの調整方法の詳細については、このページの「プラットフォームのマテリアル品質の設定方法」セクションを参照してください。

モバイルプレビューアの表示は、可能な限りモバイルデバイスでの見え方と一致するように設計されていますが、ターゲットデバイスでのプロジェクトの表示が常に一致することを保証するものではありません。モバイルプレビューアは作業が適切に進んでいるかどうかを確認する目的にのみ使用し、完全なプロジェクトのテストは必ずターゲットデバイス上で行ってください。

PIE での Mobile Previewer

[Mobile Preview ES2 (PIE)] オプションを使えば、モバイルデバイスで実行した場合と同じレンダリングパスを使用する UE4 モバイルプロジェクトのスタンドアロンバージョンを起動することができます。これは、クッキングおよびデプロイのプロセス全体を通さずに、作業中の変更をプレビューするのに最適な方法です。モバイルプレビューを使用するスタンドアロンゲームで UE4 プロジェクトを起動するには、次の操作を行う必要があります。

メインツールバー の [Play (再生)] ボタンの隣にあるドロップダウンボタンをクリックすると、[Change Play Mode and Play Settings] 設定が表示されます。
[Mobile Preview ES2 (PIE)] オプションを選択すると、新しく表示されるウィンドウ内でプロジェクトが実行され、モバイルデバイス上でのプロジェクトの見え方をシミュレートすることができます。

Vulkan Mobile のプレビューを有効にする

[Vulkan Mobile Preview (PIE)] オプションを使えば、Vulkan レンダリングを使って UE4 モバイルプロジェクトのスタンドアロンバージョンを起動することができます。これは、クッキングおよびデプロイのプロセス全体を通さずに、作業中の変更をプレビューするのに最適な方法です。Vulkan モバイルプレビューを使用するスタンドアロンゲームで UE4 プロジェクトを起動するには、次の操作を行う必要があります。

Vulkan プレビューアを有効にするには、まず [Editor Preferences (エディタの環境設定)] を開く必要があります。それには、メインツールバー に移動して [Edit (編集)] をクリックし、[Editor Preferences] を選択します。
[Editor Preferences] メニューから [General (一般)] ヘディングを見つけて、[Experimental (実験段階)] セクションをクリックします。

クリックしてフルサイズで表示。
[PIE] セクションを見つけて [Allow Vulkan Mobile Preview] オプションをクリックして有効にします。

クリックしてフルサイズで表示。
[Editor Preferences] メニューを閉じて、メインツールバー の [Play] ボタンの隣にあるドロップダウンボタンをクリックすると、[Change Play Mode and Play Settings] 設定が表示されます。
[Vulkan Mobile Preview (PIE)] オプションを選択すると、新しく表示されるウィンドウ内でプロジェクトが実行され、モバイルデバイス上でのプロジェクトの見え方をシミュレートすることができます。

プラットフォームのマテリアル品質設定

[Project Settings (プロジェクト設定)] の下の [Platforms (プラットフォーム)] カテゴリの下にある異なるプラットフォームの [Material Quality (マテリアル品質)] セクションを選択して、ターゲットプラットフォームの特定の機能を有効または無効にします。

クリックしてフルサイズで表示。

これらの変更を有効にするには、必ず [Update Preview Shaders (プレビューシェーダを更新)] ボタンをクリックしてください。

Preview Rendering Level を選択する

[Preview Rendering Level] を選択すると、いくつかのオプションが表示されます。下の表を使用して、ターゲットデバイスに最適なオプションを選択してください。

デバイスターゲット	説明
ハイエンドモバイル / メタル
Default High-End Mobile	[Project Settings (プロジェクト設定)] で指定したマテリアルをオーバーライドせずに、デフォルトのハイエンドモバイルマテリアル品質設定をエミュレートします。
Android GLES 3.1	サポート対象の Android OpenGL ES3.1 品質設定のプレビューをエミュレートします。マテリアル品質設定は [Project Settings (プロジェクト設定)] > [Android Material Quality - ES31] セクションで行うことができます。
Android Vulkan	サポート対象の Android Vulkan 品質設定のプレビューをエミュレートします。マテリアル品質設定は [Project Settings (プロジェクト設定)] > [Android Material Quality - Vulkan] セクションで行うことができます。
iOS Metal	サポート対象の iOS Metal 品質設定のプレビューをエミュレートします。マテリアル品質設定は [Project Settings] > [iOS Material Quality - Metal] セクションで行うことができます。
モバイル / HTML5
Default Mobile / HTML5	[Project Settings] で指定したマテリアルをオーバーライドせずに、デフォルトのモバイルマテリアル品質設定をエミュレートします。
Android	サポート対象の Android OpenGL ES2 品質設定のプレビューをエミュレートします。マテリアル品質設定は [Project Settings (プロジェクト設定)] > [Android Material Quality - ES31] セクションで行うことができます。

Android OpenGLES 3.1 および Android Vulkan など、使用可能な Preview Rendering Levels の中には、[Project Settings] でターゲットプラットフォームとして有効にするまで表示されないものもあります。iOS Metal はデフォルトでオンになっていますが、ターゲットプラットフォームを無効にすると、プレビューオプションからも除外されます。

Mobile Device Preview のオプション

モバイルのベゼルデザインは多様なため、UI の一部がモバイルデバイスのベベルに隠れて表示されないように作業を進めるには労力が必要です。UI がデバイスに隠れていないことを確認するため、[Device Launch] オプションを使ってモバイルのベゼルデザインを重ねることができます。UE4 プロジェクトでこの操作を行うには、以下の手順を行います。

まず、[Editor Preferences] を開く必要があります。それには、メインツールバー に移動して [Edit (編集)] をクリックし、[Editor Preferences] を選択します。
[Editor Preferences] メニューから [General] ヘディングを見つけて、[Experimental] セクションをクリックします。

クリックしてフルサイズで表示。
[PIE] セクションから [Enable mobile PIE with preview device launch options(プレビューデバイス起動オプションでモバイル PIE を有効にする)] をクリックし、ベゼルオーバーレイを有効にします。

クリックしてフルサイズで表示。
[Editor Preferences] メニューを閉じて、メインツールバー の [Play] ボタンの隣にあるドロップダウンボタンをクリックすると、[Change Play Mode and Play Settings] 設定が表示されます。
表示されたメニューから、[Mobile Preview (PIE)] > [Android] の順に選択し、リストからテストするデバイスを選択します。
次に、[Launch] ボタンをクリックしてプロジェクトを起動します。プロジェクトがロードされると、以下の図のようにデバイスプレビューが使用されます。