【UE4】ぱっと見でわかるポストプロセスの使い方一覧表

# 【UE4】ポストプロセスの使い方



# 最初に

どうも、ろっさむです。



今回はUE4でのポストプロセスについて学んだことを自分用にまとめたものとなります。

# ポストプロセス(PP)とは

基本的に**「プロセス後に適用するもの」**を指します。つまりレンダリングプロセスの最終段階で追加でエフェクトのレイヤーを適用することとなります。
これによって、ゲーム等に対して映画のようなセピア調の効果をかけたり、ホラー映画のようなノイズを走らせることが可能となります。
有名なポストプロセスの例としては**ブルーム**や**被写界深度(DOF)**などがあります。

UE4ではほぼすべてのポストプロセスがデフォルトで有効になっています。
それらのデフォルトで有効となっているポストプロセスをオーバーライドして制御するには`PostProcessVolumes`か、コンポーネントが必要となります。

（ちなみに略称は「PP：Post Processing」）



# ポストプロセスボリューム(PPV)とは

UE4でのポストプロセスに関する諸々を設定できるボリュームのことを指します。

![image.png (40.8 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/e88f4e35-7ed0-48bd-8b21-657f652073c0.png)

`PostProcess Volume`を使用する方法は2つあります。

- 普通にサイズを調整して使用する。そうするとボリュームの内側と外側で異なってくる。基本的にはこういったボリュームは1つだけ追加される。
- 設定から`Infinite Extent Unbound`を有効にするとボリュームのサイズは関係なくなり、環境全体に影響を与えるようになる。

手法の一つとしては、「全体に影響を及ぼすボリューム一つと別でかけたいポストプロセスボリュームを一つ追加して範囲指定する」などがあるようです。

ボリュームには優先順位を設定できるので、「この位置にいる時はこのPPを適用したい…」等に対応できます。



## PPVの設定

![image.png (46.7 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/8462b5cb-907c-4c7f-be30-b50f5f930a42.png)

ポストプロセス設定のチェックボックスは有効かどうかではなく、**「オーバーライドを有効にするかどうか」**という意味になります。
パフォーマンス節約のためや、**機能をオフにしたい場合は`Intensity`を上書きして`0`に設定すると無効**になります。これは単にエフェクトを除去するのではなく、レンダリングの一部を無効にすることとなります。

特定のエフェクトをオフにする別の方法としては、`Project Settings...`で各項目のオンオフを変えたり、Rコマンドを実行したり、コンフィギュレーションファイルに追加することができるようです（が、まだ試したことはない）。

明暗順応（後述）を無効にするには自身でPPVを設定してIntensityを０にする必要があります。

ポストプロセスコンポーネントも同様の機能を持っているが、あまり一般的な機能ではないため、今回の説明からは省きます。



### ブルーム

![image.png (11.3 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/55c2fbc4-4fce-4e41-90d3-7ecbc57bc8cd.png)

`Intensity`を大きくすると画面が明るくなります。

- `Threshold`はどのピクセルがブルームを放射するかを制御する。0か-1以下の低い値に設定されている場合は、基本的にほぼすべての画面からブルームを発射する。
- 畳み込みを用いた別のタイプのブルームもある。ただし負荷が高め。シネマティクスを意図して使うものであり、ゲームとしては負荷が高すぎるため、パフォーマンスが重要な際には使用しない。



Default:

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)




Intensity:3.0

![image-20201203234440795.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/85777167-f5ef-db4c-55b1-32107828d571.png)




### 被写界深度（Depth of Field）

![image.png (6.1 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/f9e284a4-b63f-4c9d-99bf-9d6e474d0c46.png)

画面にぼやけ効果を適用します。

- `Focal Distance`（焦点距離）：カメラからの距離100単位くらいがちょうどよく遠景がぼやけます。



Default:

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)



`Focal Distance`：100

![image-20201203235907050.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/c49c0b7b-b2cf-d131-03af-15b7b5f43fc1.png)




### Color Grading（カラーグレーディング）

![image.png (33.6 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/fbfde405-d5e2-438a-a9d9-167d3e3ea1d6.png)

Globalの設定から確認するのがわかりやすいです。

#### White Balance

色温度や色合いを変えることができます。

##### Temp

Default:

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

3000

![image-20201204002037124.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/a4af3963-cd52-4937-8467-969971010963.png)


9000

![image-20201204002058855.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/0f4b682e-c24d-4cb4-ca8e-f9ee3d55bea8.png)




##### Tint

![image-20201203234458730](C:\Users\mio04\AppData\Roaming\Typora\typora-user-images\image-20201203234458730.png)

-0.5
![image-20201204002152327.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/9290a4e8-a843-8564-95b8-3a67c020a45a.png)


0.5
![image-20201204002213368.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/5e6cb5ab-1362-7567-b1d2-4d30729f1271.png)








#### Saturation（彩度）

彩度は高いほど、赤、緑、青の原色に近い状態で表示され、低いほど灰色が混じった色落ちした状態のような表示のされ方となります。

Default:

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

0.4

![image-20201204000248011.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/87f1fd44-6924-4ad1-e478-92c027b61e53.png)


1.4

![image-20201204000913439.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/b967fcc3-4ced-c76e-ba26-34cea12069e3.png)




#### Contrast

明るい箇所と暗い箇所の色の調整ができます。値を下げるとハイライトが消えて画面が明るくなりますが、色落ちしたようにも見えます。値を上げると画面が全体的に暗くなります。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

0.4

![image-20201204000505238.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/565ef39d-e39b-20ed-5113-9640be60474f.png)


1.4

![image-20201204000840839.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/b20d9fef-d39e-db08-08b3-4bc4084b21da.png)






#### Gamma

画面の黒と白の中間の輝度の色を調整します。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

0.4
![image-20201204001115307.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/21ebf7fb-7513-0317-0c98-b904f136d1af.png)

1.4

![image-20201204001218368.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/c0de9b8f-bf87-6ebf-5c0d-2a68ac0784c2.png)



#### Gein

画面上の白の輝度を調整します。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

0.4
![image-20201204001313640.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/8e1b3d78-1900-43d6-b3df-cbbc5620e4ef.png)


1.4
![image-20201204001345470.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/de311707-276c-3a43-87fd-0acc07e27be8.png)




#### Offset

画像の黒い部分の輝度を調整します。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

-0.1
![image-20201204001528037.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/e900f3d1-c73e-a5df-fba0-1d53aae22bd3.png)


0.1
![image-20201204001541199.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/10a47346-f6d7-3b99-8fb7-3a0c95c389c0.png)



#### その他

- Shadow

- Mid-tone

- Highlight

  これらではGlobalと同じことができる。しかし、最も暗いピクセル(Shadow)、最も明るいピクセル(Highlight)を対象にするか、またはそれ以外の全てのピクセル(Mid-tone)を対象にするかで、ピクセルを分けて効果をかけることができる。
  また、細かく設定したい場合は露出制御（次項）が可能。



### Exposure

![image.png (18.7 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/fb7883bb-f068-4182-bffd-9c83e10c2b1a.png)

（Lens > Auto Exposure）
ここで最大と最小の明るさが設定可能です。
無効にしたい場合は、`Min Brightness`と`Max Brightness`を1.0にするだけです。
自動露出は表示する内容に応じて画面を明るくしたり暗くしたりできる機能となっています。例えばランプのような非常に明るいものをみると、ランプから受け取った大量の光を補正するために画面が自動的に暗くなります。

逆に非常に暗い場所を見た場合は、暗さを補うため画面が明るくなります。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

露出補正:-1

![image-20201204002907453.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/632ef900-5e76-f82b-a64a-5658267408c4.png)


露出補正:2

![image-20201204002936092.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/f2d223d1-d68c-5246-687b-0eedd6374088.png)




### Ambient Occlusion

`Rendering Features > Ambient Occlusion`から設定可能です。

これは`Screen Space Ambient Occlusion（スクリーン空間アンビエントオクルージョン）`の項目で、「スクリーン空間～」という名称のエフェクトは多くの場合、既にほぼ完成しレンダリングされた画像に適用するエフェクトを指します。このエフェクトはスクリーン上で計算が行われています。

略称はSSAO、以下の記事がSSAOの概要について参考になりそう。
https://qiita.com/mebiusbox2/items/2a18994a5caa6d584099

`Settings > World Settings`のアンビエントオクルージョンは、ライトマップにベイクされたアンビエントオクルージョンとなります。

Skylightには`Distance Field Ambient Occlusion`というセクションがあり、これは距離に基づいています。

ポストプロセスの方はスクリーン空間に基づいてアンビエントオクルージョンを生成しています。

尚、上記三つは異なるアンビエントオクルージョンである。

高品質にしたい場合は`Advanced > Quality`で試すことができるようです。

このエフェクトはレンダリングの際に負荷が軽いのでデフォルトで有効になっています。



### Lens Flares

![image.png (28.9 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/27592298-e8e3-4cc9-a6ae-6bad40f20858.png)

レンズフレアは画面の最も明るいピクセルを使用して自動的にレンズフレアをレンダリングする機能です。これはコントロールがきかなくなる可能性があるので、コンテンツや環境内のマテリアルを適切な明るさレベルにして慎重に設定する必要があります。また、この設定はデフォルトでオフになっているので `Intensity`にチェックを入れることで有効にすることができます。

`Lens Flare`から`Intensity`をあげることで調整可能。明るさが十分のマテリアルなどではレンズフレアが発生します。

空のみレンズフレアを発生するようにも可能です。

また、色合いを変更したり別のテクスチャをそれにバインドすることが可能です。

フレア自体の中で個々の形の色調を変えることもできます。



default
![image-20201204003402323.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/c9a5fc6a-dee9-9a6e-fc38-b5283e17adef.png)


Intensity:1（チェックを入れた状態）

![image-20201204003622621.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/1f8579be-de46-436c-6063-35b1325d4f94.png)




### Grain（粒子）

![image.png (5.4 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/c53ecc95-6082-4a02-a153-8a15dc84326c.png)

`Lens > Image Effects > Grain Jitter（粒子ジッター）` or `Grain Intensity（粒子強度）`の数値を高くすると以下のようにざらついた感じになります。
多少の効果をつけるとゲームやリアルタイムアプリケーションで、過去のような見せ方をすることができます。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/ed0947f8-42f2-eefd-5357-1699d0db4c14.png)

`Grain Intensity`:1.5

![image-20201204003958755.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/30928679-5c8d-ba78-3c2c-10723ff0d409.png)




### Vignette（ビネット）

![image.png (3.5 kB)](https://img.esa.io/uploads/production/attachments/10908/2020/04/27/72406/4df4ee6c-c46f-436e-b6e3-2b6daaf7a516.png)

これはデフォルトで既に有効になっていて、画面の隅が少し暗くなる機能です。値を大きくすると画面の中心部だけが見える状態になっていきます。ホラーの演出などに使用できそうですね。

default
![image-20201204004154215.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/feb16b46-b5d6-95b1-8498-468b439b9774.png)


1.0

![image-20201204004208885.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/f214e5c6-a996-a156-f3a4-e74fa74385f6.png)




### Chromatic Aberration（色収差）

![image-20201204004338939.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/24931f08-77ea-253d-e2a1-28dc7de120d1.png)


オブジェクトのRGB値をイメージの外縁に分散させます。フィルムと同じです。
ゲームプレイのエフェクトやプロジェクトタイルに当たった時のエフェクトとして使うとちょうど良さそうです。

必要ない場合はボリュームまどでオフにしましょう。

default

![image-20201203234458730.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/6368077e-15a2-f73a-2ff4-b0a3641b17cb.png)




`Intensity`:5.0

![image-20201204004440890.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/36899/3b85588f-30c5-636f-3f1e-b42fe3add230.png)




### Dirt Mask（汚れマスク）

テクスチャマップをカメラのレンズに追加して汚れや透かしなどを再現できます（テクスチャを持ってないので例が出せません…）。



## アンチエイリアス方法の変更

```
Edit > Project Settings > Engine >Rendering > Default Settings > Anti-Atlasing Method
```

- デフォルトだと`TemporalAA`。`FXAA`ではサーフェス外のものは考慮しないが、`TemporalAA`では考慮される。
- `MSAA`をサポートしているのはフォワードレンダリングだけ。今回はディファードレンダリングを使用しているので、このオプションは検討しない。
- `FXAA`は「高速近似アンチエイリアシング」と呼ばれる。深度アルゴリズムでサーフェスのエッジを検出する。その後、ピクセルブレンドアルゴリズムを割り当てて、そのエッジに沿ってエイリアス処理されたエッジを解決する。オブジェクトのサーフェス外のものは考慮しない。


# 参考
- [ポストプロセスの基礎](https://www.unrealengine.com/ja/onlinelearning-courses/post-processing-essentials?sessionInvalidated=true)
- [猫でも分かるUE4のポストプロセスを使った演出・絵作り](https://www.slideshare.net/EpicGamesJapan/ue4-108770894)
- [公式リファレンス](https://docs.unrealengine.com/ja/RenderingAndGraphics/PostProcessEffects/index.html)