ポストプロセス マテリアルのサンプル

ビデオ スキャンライン ポストプロセス マテリアルの概要です。

Windows
MacOS
Linux

ポストプロセス エフェクトのマテリアルの作成

シンプルな Post Process マテリアル設定は以下の手順に従ってください。

  1. メイン メニュー バーから [File (ファイル)] > [New Level (新規レベル)] をクリックして、新規のレベルを作成します。

  2. コンテンツ ブラウザ[Add New (新規追加)] ボタンをクリックし、[Material (マテリアル)] を選んでマテリアルを新規作成します。マテリアルに名前を付けます。

    CreateNewMaterial.png

  3. 新規マテリアルを ダブルクリック して、マテリアル エディタで開きます。

  4. [Material Properties] パネルの [Material] カテゴリで、Material DomainPost Process に設定します。これを行うと、Shading Model プロパティを Unlit にする必要がでてきます。

    PostMaterialProperties.png

  5. [Post Process Material] カテゴリで、 Blendable Location プロパティを必ず Before Tonemapping に設定してください。これによりパフォーマンス ヒットが一層増えますが、ビューが動作中にスキャンラインのゴーストを防ぎます。Blendable Location プロパティの詳細については、後述の「ポストプロセス マテリアルの重要な設定 」セクションを参照してください。

    PostProcessMaterialsCategory.png

  6. この段階で、ポストプロセスの外見を定義するマテリアル式ネットワークを作成します。このサンプルのテストとして、ビデオ スキャンライン オーバーレイ エフェクトを作成してみます。でも、本当は望みのものを何でも作成することができます。ビデオ スキャンライン ポストプロセス マテリアルのサンプルは「マテリアル設定 」セクションを参照してください。

マテリアル設定

このページでは、シンプルなビデオ スキャンライン ポストプロセス マテリアルの概要と詳細を記述します。

VideoScanlineEffect.png

最初に、エフェクトに使用しているテクスチャは以下の通りです。右クリックすれば、必要に応じて各テクスチャの保存や独自のバリエーションの作成が可能です。すべて非常に単純です。

ScanDistort.png

Noise.png

Scanlines.png

ScanDistortion.png (2x128)

Noise.png (512x512)

Scanlines.png (4x4)

ここでお見せする画像は、映像を明瞭にする目的でスケーリングしているため、少し紛らわしいかもしれません。これらをダウンロードすると (右クリック > [Save As (名前を付けて保存)]) 、オリジナル サイズ (上に記載) でダウンロードされます。

アセンブリの概要

このマテリアルの組み立てを容易にするために、主要エレメントを別々の番号の付いたボックスへ分割しました。それぞれを経由して単に各ネットワークを再作成し、これらをつなげてネットワーク画像に示されます。

クリックして画像を拡大

以下の手順には、画像内の同じ番号のコメントボックスでの処理の概要を示します。この 2 つを連携して使用することにより、このエフェクトを再作成することができます。

  1. Scene Texture 式から始めます。この式により、Scene Color の取り入れが設定されます。このようにしてポストプロセスでシーンを操作します。

  2. シンプルなパン テクスチャを使用して、Scene Color の UV に凹凸を出します (ScanDistort.png)。テテクスチャの結果を 0.03 で乗算して、その値をテクスチャ座標の赤チャンネルのみと接続することによって、スクリーン全域でピクセルを効果的にスライドさせています。これにより、歪みエフェクトが作成されます。

  3. 4x4 のピクセル スキャンライン テクスチャを取り込んで、垂直方向へ大量にタイル処理をしています (v:128)。また、下方へ非常にゆっくりとパンしています。

  4. 同じスキャンライン テクスチャを再利用して、今回は 1.28 でタイル処理および上方へパンしていますが、少し速度が速くなっています。また 0.10.5 の間でクランプもしています。スキャンラインでいくつかのバリエーションを作成するために使用します。

  5. 10Hz の周波数で 0.61.0 の間で実行する時間主導型のサイン波を作成します。スキャンラインを明滅させるために使用します。

  6. ノイズ テクスチャとタイルを受け取り、異なる 2 つの量および変化する速度でパンします。

  7. 2 つのノイズの平均をとって、その後 ScanDistort テクスチャで平均値を乗算します。その結果に 40 を乗算して、ホワイトノイズを作成するために結果へ追加します。

  8. パンした ScanDistort テクスチャを受け取り、4 のべき乗で増加して (コントラストが強化) 、非常に明るくするために 40 で乗算します。完全な黒とするために最終結果からその値を減算します。昔流の VCR を追跡するとしばし見受けられる陰線効果を作成します。

ポストプロセス ボリュームへの割り当て

  1. さてここで、マテリアルをポストプロセス ボリュームと関連づける必要があります。この例では、グローバル ポスト プロセスを使うことにします。World OutlinerGlobal PostProcess をクリックします。

    SceneOutlinerGlobalPost.png

  2. [Details (詳細)] パネルの [Misc] カテゴリ内の Blendables プロパティを見つけます。プロパティの横にある button_Plus.png ボタンをクリックして新規エレメントを追加します。

    BlendablesProperty.png

  3. コンテンツ ブラウザ で新規マテリアルを選択し、 button_CBApply.png ボタンをクリックしてマテリアルをエレメントに適用します。これでエフェクトが適用されました。

ポストプロセスマテリアル適用前

ポストプロセスマテリアル適用後

Post Process Volume の一部であるプロパティベースのポストプロセス設定の幾つかを追加できるようになりました。この例では、以下を追加しました。

  • Saturation (サチュレーション) を限りなく 0 に近い位置に寄せます。

  • Tint (ティント) を使って結果上に淡緑色をキャストします。

  • Contrast (コントラスト) を約 0.65 まで引き上げます。

  • Crush ShadowsCrush Highlights を微調整してコントラストを更に増加させます。

  • Vignette Intensity (ビネット強度)0.9 くらいにしてビネット効果をかなり強くします。

  • Bloom (ブルーム) の強度を 3.0 くらいまで上げます。

Select Skin
Light
Dark

Welcome to the new Unreal Engine 4 Documentation site!

We're working on lots of new features including a feedback system so you can tell us how we are doing. It's not quite ready for use in the wild yet, so head over to the Documentation Feedback forum to tell us about this page or call out any issues you are encountering in the meantime.

We'll be sure to let you know when the new system is up and running.

Post Feedback