UE4 Post Process Materials

深碍√TFBOYSˉ_ 2022-08-14 05:43 160阅读 0赞

[Unreal Engine 4.9][]

[Post Process Effects][]

![Teaser3.png][] ![Teaser0.png][] ![Teaser1.png][] ![Teaser2.png][]

On this page:

*  [Post Processing Graph][]
 *  [Using a Post Process Material][]
 *  [Making a Simple Post Process Material][]
 *  [Critical Settings for Post Process Materials][]
 *  [Blending Between Different Material Instances][]
 *  [The Material Expression "SceneTexture"][The Material Expression _SceneTexture]
 *  [Using GBuffer Properties][]
 *  [CustomDepth][]
 *  [Temporal Anti-Aliasing or Why the GBuffer Jitters][]
 *  [UV and ScreenPos][]
 *  [Filtered texture lookups][]
 *  [Replacing the Tonemapper][]
 *  [Known Issues][]
 *  [FAQ][]

## Post Processing Graph ##

The engine already features complex post processing based on a graph of post processing nodes. The **Post Processing Materials** can be additionally inserted in some specific position. See [FAQ][] **r.CompositionGraphDebug** to get a dump of the full graph. The graph is actually not only doing post processing but also some parts of the lighting. Over time we plan to make more parts be customizable through the material editor.

Most of the time the graph is automatically creating intermediate render targets. This means if you want to blend with the former color, you need to do the blending in the shader (using the input from PostProcessInput0).

Post Process Materials should be used sparingly and only when you really need them. Whenever possible, such as for color correction or adjustments, bloom, depth of field, and various other effects, you should use the settings inherent to the Post Process Volume, which have been optimized and are more efficient.

## Using a Post Process Material ##

Through post process settings (usually defined with post process volumes or camera settings) it is possible to blend (so called) blendable assets. At the moment, only **materials** and **material instances** are blendable assets. The engine provides a few post process materials but with this feature you can create your own **custom post processing** without any programmer help.

Simply assign one or more post process materials to a post process volume in the **Blendables** section. First press the **+** to add new slots, select a material in the **Content Browser**, and press the left arrow to assign it. The order here is not important and unused slots are simply ignored.

![PostProcessSettings.png][]

## Making a Simple Post Process Material ##

For an overview of creating a simple Post Process Material effect from scratch, see the [Post Process Material Example][].

![FinalPostEffect.png][]

## Critical Settings for Post Process Materials ##

A post processing material needs to specify the material domain **post process**:

![DomainPostProcess.png][]

The material should only use *EmissiveColor* to output the new color. Additionally, you can define where during the post processing this pass should be applied and, if there are multiple, in which order they should be processed (Priority):

![PostProcessMaterialProps.png][]

<table style="border-top-width:1px; border-top-style:solid; border-top-color:rgb(160,160,160); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(160,160,160); border-spacing:0px; width:930px; margin:1.5em 0em; font-size:0.925em; color:rgb(22,22,23); font-family:Helvetica,Verdana,Arial,sans-serif; line-height:26.25px; background-color:transparent">      
 <thead> 
  <tr> 
   <th colspan="1" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); color:rgb(0,0,0); padding:0.25em 2.5em 0.25em 0.5em; vertical-align:top; background-color:rgb(224,224,224)"> Blendable Location</th> 
   <th colspan="1" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); color:rgb(0,0,0); padding:0.25em 2.5em 0.25em 0.5em; vertical-align:top; background-color:rgb(224,224,224)"> Description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Before Tonemapping</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> PostProcessInput0 provides the scene color with all lighting in HDR. Use this to fix issues with temporal antialiasing and GBuffer lookups e.g. depth, normals.</td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>After Tonemapping</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Preferred location for performance as the color is LDR and therefore requires less precision and bandwidth. This is after tone mapping and color grading.</td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Before Translucency</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> This is even earlier in the pipeline than 'Before Tonemapping' before translucency was combined with the scene color. Note that SeparateTranslucency is composited later than normal translucency.</td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Replacing the Tonemapper</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> PostProcessInput0 provides the HDR scene color, PostProcessInput1 has the SeparateTranslucency (Alpha is mask), PostprocessInput2 has the low resolution bloom input.</td> 
  </tr> 
 </tbody> 
</table>

The typical postprocess input comes from the pass before. That color can be accessed through the SceneTexture material expression when using **PostProcessInput0**. Using SceneColor might not give you the right results.

## Blending Between Different Material Instances ##

[Using A Post Process Material][Using a Post Process Material]

With postprocess volumes, it is easy to setup soft transitions between multiple postprocess materials. Here we use one volume that is marked unbound and one volume that has larger blend radius (e.g. 1000):

Each volume we specify a different material instance of the same material. The color is specified as a material parameter which allows different settings for the two material instances.

![PP\_BlendedMaterial.png][PP_BlendedMaterial.png]

<table style="border-top-width:0px; border-top-style:solid; border-top-color:rgb(0,0,0); border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(0,0,0); border-spacing:0px; width:auto; margin:1.5em 0em; font-size:0.925em; background-color:rgb(0,0,0)">      
 <thead> 
  <tr> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="BlendMatInst1.png" width="400" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/BlendMatInst1.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="BlendMatInst2.png" width="400" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/BlendMatInst2.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Material Instance RED</td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Material Instance GREEN</td> 
  </tr> 
 </tbody> 
</table>

Depending on the camera position the setting of one volume is used and blended when within the Blend Radius' range:

<table style="border-top-width:0px; border-top-style:solid; border-top-color:rgb(0,0,0); border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(0,0,0); border-spacing:0px; width:auto; margin:1.5em 0em; font-size:0.925em; background-color:rgb(0,0,0)">       
 <thead> 
  <tr> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend1.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend1.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend2.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend2.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend3.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend3.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Unbound Post Process Volume Material Instance (RED) set to 0.75</td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Blend Radius of 1000</td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Post Process Volume Material Instance (GREEN) set to 0.75</td> 
  </tr> 
 </tbody> 
</table>

With camera movement, you can perceive soft linear transition between the two effects setting.

The following shows a top down view of a level that has how two volumes. The large unbound volume has a red material instance and the small volume has a green material instance specified as blendable. The smaller volume has a higher priority. The material params are getting blended depending on the camera position. The fuzzy borders are defined by the BlendRadius property specified in the volumes and extend the volume shape.

With the correct setup all blending happens as expected.

![Bad Setup][]

Bad Setup

![Good Setup][]

Good Setup

The difference between the both setup is the default value specified on the material (scalar or vector) parameters. The good setup has values that make the pass appear to not have any effect (e.g. multiply with white or lerp with 0).

**In both setup we see this:** When the camera is outside the influence of either volume the postprocess pass is not getting rendered (visualize by the grey grid). If we are fully inside either of the volumes we also see the correct blending.

**The bad setup :** When the camera enters the influence radius we see a hard transition but because is uses the wrongly specified default parameters.

**The good setup :** The transition of entering the camera the influence radius is well hidden and we see a smooth transition to the volume colors.

All material instances properties are blended, no matter if the property checkbox is checked or not (in that case it blends the property from the parent). This is different from the post processing settings where an unchecked property is not having any effect. This means if you blend a material instance, all properties are getting blended.

## The Material Expression "SceneTexture" ##

You can add the **SceneTexture** material expression into your material and choose which texture you want to reference in the expression properties:

![SceneTextureProps.png][]

The node has an optional input and multiple outputs:

![SceneTextureExpression.png][]

The **UV** input allows you to specify where you want to make a texture lookup (only used for the Color output). The color output is a 4 channel output (actual channel assignment depends on the scene texture id). **Size** is a 2 component vector with the width and height of the texture. The inverse of that (1/width, 1/height) is available in the **InvSize** output. It is handy when referencing neighbor samples like in the example below:

![DepthNextTo.png][]

The material expression computes the depth difference of the current pixel to a neighbor pixel (e.g. In = 0,1 to return the delta to the pixel below).

## Using GBuffer Properties ##

A GBuffer consists of multiple textures that store material (e.g. subsurface/specular color, roughness, ...) and object attributes (e.g. normal, depth) without lighting to compute shading (how light interacts with a material). In a deferred renderer, we first render the GBuffer and then compute all lighting (deferred) with the GBuffer attributes. If UE4 uses the deferred shading path (e.g. DirectX 11 or high end OpenGL), we can get access to those buffers during post processing.

Anti-Aliasing generally makes this a bit more difficult as a GBuffer pixel/texel is no longer 1:1 associated with an output pixel (see section below).

## CustomDepth ##

This separate feature allows masking of certain objects by rendering them into another depth buffer (called custom depth buffer). This adds extra draw calls but no more materials. The rendering is fairly cheap as we only output depth. The feature can be activated on the mesh (e.g. Static Mesh Properties / Render Custom Depth):

![CustomDepth.png][]

In this scene, we activated the feature on two objects but without a post processing pass visualizing the content, this feature remains invisible:

![scene.png][]

Here we can see how a visualization of the Custom Depth looks like:

![sceneCustomDepth.png][]

This is the material we used to visualize it:

![CustomDepthMat.png][]

## Temporal Anti-Aliasing or Why the GBuffer Jitters ##

Temporal anti-aliasing is a unique UE4 feature that greatly improves image quality with a very moderate performance cost.

By default, a post process material is inserted in the end of the post processing graph (after tone mapper). This means you get the final LDR color after tonemapping, color grading and after the temporal anti-aliasing was applied. This is the best spot for many simple post processing effects - for performance and ease of use.

Here you can see how we used the custom depth input to visualize a silhouette around specific objects:

![sceneAfterTonemapper.png][]

Notice that the former image has no anti-aliasing on the silhouette but in motion you also would see the silhouette jittering around 1 pixel. This is because temporal anti-aliasing moves the rendering of the whole scene by a sub pixel each frame. Multiple frames together are getting combined to produce the final anti-aliased image. We can however move the material to an earlier sport in the post processing graph to fix this issue.

This is the result:

![sceneBeforeTonemapper.png][]

We get a stable and anti-aliased image. In motion we might see some artifacts with the temporal anti-aliasing. This feature is using the depth buffer to replace old images. With the border rendered inside the object it works ok but outside the object we would also need to adjust the depth buffer (not done yet, costs extra performance). Note that TemporalAA is still under development - here it appears the outline is thicker but ideally this should not be.

## UV and ScreenPos ##

Post process materials you can look up into screen aligned buffers, but you need to know the right UVs. The **ScreenPosition** material expression outputs the UV that you would expect (0,0 at the left top of the viewport and 1,1 at the bottom right). Using the **texture coordinate**material expression might give you different results. This is because the actual texture (more correctly it is a render target) is potentially larger than the viewport. It can be larger in editor because we share this texture for multiple viewports and the largest extent is use for all viewports. Even in game it can be larger in some cases (e.g. SceneCaptureActors might have a smaller viewport, Matinee black borders, Splitscreen, VR, ...). The texture coordinate material expression gives you the UV for this larger texture. If you only need a relative offset (e.g. pixel sized edge detection) you need to scale with the right size. The **SceneTexture** material expression has outputs for the size and the inverse of the size (efficient and useful for pixel offsets). If you want to get the viewport UV (e.g. to map texture to the viewport) you can use the **ScreenPosition**material expression or you make the needed computations manually (more control, can be slower). For this, you need the **ViewSize** material expression. To test all that, you can use the console variable **r.ViewPortTest** which allows you to test various viewport configurations.

## Filtered texture lookups ##

The SceneTexture material expression has a checkbox to get \[bilinear\] filtered lookups. Using this option can results in a slower rendering so it should be only used if needed. Many of the screen space textures do not support filtering (e.g. GBuffer). Not exposing this property allows the engine to compress the data if needed (packing prevents filtering).

## Replacing the Tonemapper ##

It is possible to override the in engine tonemapper with your own one by using the "Replacing the Tonemapper" blendable location. This is a world in progress features meaning it will likely change and it does not have all the functionality yet.

![ReplacingTheTonemapper.png][]

We started exposing some Post process setting parameters to the tonemapper but that part is likely to change quite a bit. The values are exposed as material parameters and need to have the exact name.

Vector parameter:

Engine.FilmWhitePoint

Scalar parameter:

Engine.FilmSaturation
    Engine.FilmContrast

In order to get the parameters you need to create a material instance from the post process material!

You still can use your own parameters and get them blended like other post process material settings.

## Known Issues ##

The following issues still need to be fixed:

*  **Material expression SceneTexture**
    
     *  SeparateTranslucency does not work.
     *  Certain lookups do not work in certain passes (e.g. some we might not fix because they would cost too much performance).
     *  MaterialFunction might report an error but it still can be used in a Material with the Post Process domain.
 *  **Material**
    
     *  UV in the PostProcesMaterial might not be in 0-1 range (e.g. in editor when reducing viewport size), this aligns with the lookup but makes it hard to implement something like an vignette effect.
     *  The asset thumbnail of a post process material does not look right.
     *  Outputting alpha is not yet supported (should go through Opacity).
     *  The preview material in the material editor does not look right.
     *  There has been a case where a material change was not resulting in a change in the post process. Workaround: restart editor.
     *  The **Content Browser** should allow easy filtering for post process materials.
 *  **Blending**
    
     *  When blending two post process volumes with a blend radius, it is possible to see a non-soft transition. This can be prevented by using an unbound volume with a material instance setting that represents the default.

## FAQ ##

*  **Can I have the "Lighting only mode" texture as input?**
    
    No, we do not have this data available as an intermediate step. For this view mode, we generate it by ignoring the material colors. To make this a fast option, it would require restructuring a large part of the rendering code.
 *  **Why a SceneColor lookup shows banding but when using PostProcessInput0, I do not see that?**
    
    When SceneColor is used we create a lower quality copy of the scene to allow a lookup into a texture that we currently write to (General case is rendering any mesh where this is not possible). In Post Processing, you should use PostProcessInput0.
 *  **How much memory do I pay for a post process?**
    
    Memory cost depends on screen resolution. Before tonemapping we use HDR (8bytes per pixel), after we use LDR (4 bytes per pixel).
 *  **How can I lower the render cost for post processing?**
    
    Measure on the target platform, keep the texture lookup count low, do less math operations and reduce dependent texture lookups, avoid randomized texture lookup (can be slower due to texture cache misses).
 *  **How many passes I can use?**
    
    Each pass adds to the performance cost. Try to combine passes and activate passes only if needed. General game features e.g. noise could be added to the engine passes for better performance.
 *  **How much CPU performance do I pay per post process and for blending?**
    
    Blending materials is very cheap. All material instances properties are getting blended and only one post process material pass with those settings gets rendered.
 *  **I need to use "Before Tonemapper" to get proper TemporalAA. When I use a color, it is tone mapped and therefore looks different. How can I prevent that?**
    
    There is no easy solution. You would need to do an inverse tonemaping operation (expensive). The color also might appear different depending on eye adaptation. You could expose the EyeAdaptation level to the SceneTextures to compensate for that.
 *  **How can I get a full dump of the post processing graph?**
    
    **r.CompositionGraphDebug** can log the graph into the console. Example:
    
        FRenderingCompositePassContext:Debug 'PostProcessing' ---------
        Node#1 'SceneColor'
            ePId_Output0 (2D 1136x768 PF_FloatRGBA RT) SceneColor Dep: 2
        Node#4 'Velocity'
            ePId_Output0 (2D 1136x768 PF_G16R16 RT) Velocity Dep: 1
        Node#2 'SceneDepthZ'
            ePId_Output0 (2D 1136x768 PF_DepthStencil) SceneDepthZ Dep: 1
        Node#5 'MotionBlurSetup0MotionBlurSetup1'
            ePId_Input0: Node#4 @ ePId_Output0 'Velocity'
            ePId_Input1: Node#1 @ ePId_Output0 'SceneColor'
            ePId_Input2: Node#2 @ ePId_Output0 'SceneDepthZ'
            ePId_Output0 (2D 568x384 PF_FloatRGBA RT) MotionBlurSetup0 Dep: 2
            ePId_Output1 (2D 568x384 PF_FloatRGBA RT) MotionBlurSetup1 Dep: 1
        Node#6 'QuarterResVelocity'
            ePId_Input0: Node#5 @ ePId_Output0 'MotionBlurSetup0MotionBlurSetup1'
            ePId_Input1:
            ePId_Output0 (2D 284x192 PF_FloatRGBA RT) QuarterResVelocity Dep: 1
        Node#7 'VelocityBlurX'
            ePId_Input0: Node#6 @ ePId_Output0 'QuarterResVelocity'
            ePId_Input1:
            ePId_Output0 (2D 284x192 PF_FloatRGBA RT) VelocityBlurX Dep: 1
        ...

[Unreal Engine 4.9][]

[Post Process Effects][]

![Teaser3.png][] ![Teaser0.png][] ![Teaser1.png][] ![Teaser2.png][]

On this page:

## Post Processing Graph ##

## Using a Post Process Material ##

![PostProcessSettings.png][]

## Making a Simple Post Process Material ##

For an overview of creating a simple Post Process Material effect from scratch, see the [Post Process Material Example][].

![FinalPostEffect.png][]

## Critical Settings for Post Process Materials ##

A post processing material needs to specify the material domain **post process**:

![DomainPostProcess.png][]

![PostProcessMaterialProps.png][]

## Blending Between Different Material Instances ##

[Using A Post Process Material][Using a Post Process Material]

Each volume we specify a different material instance of the same material. The color is specified as a material parameter which allows different settings for the two material instances.

![PP\_BlendedMaterial.png][PP_BlendedMaterial.png]

Depending on the camera position the setting of one volume is used and blended when within the Blend Radius' range:

<table style="border-top-width:0px; border-top-style:solid; border-top-color:rgb(0,0,0); border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(0,0,0); border-spacing:0px; width:auto; margin:1.5em 0em; font-size:0.925em; background-color:rgb(0,0,0)">       
 <thead> 
  <tr> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend1.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend1.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend2.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend2.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
   <th colspan="1" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(68,80,119); padding:8px 5px 2px; vertical-align:top; border-top-width:0px; border-top-style:solid; border-top-color:rgb(68,80,119); background-color:rgb(255,255,255)"> <img alt="Blend3.png" width="300" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Blend3.jpg" style="border:0px solid rgb(128,128,128); max-width:none; margin:0px"></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Unbound Post Process Volume Material Instance (RED) set to 0.75</td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Blend Radius of 1000</td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:5px; border-top-width:0px; border-top-style:solid; border-top-color:rgb(128,128,128); text-align:center; font-weight:bold; background-color:rgb(255,255,255)"> Post Process Volume Material Instance (GREEN) set to 0.75</td> 
  </tr> 
 </tbody> 
</table>

With camera movement, you can perceive soft linear transition between the two effects setting.

With the correct setup all blending happens as expected.

![Bad Setup][]

Bad Setup

![Good Setup][]

Good Setup

**The bad setup :** When the camera enters the influence radius we see a hard transition but because is uses the wrongly specified default parameters.

**The good setup :** The transition of entering the camera the influence radius is well hidden and we see a smooth transition to the volume colors.

## The Material Expression "SceneTexture" ##

You can add the **SceneTexture** material expression into your material and choose which texture you want to reference in the expression properties:

![SceneTextureProps.png][]

The node has an optional input and multiple outputs:

![SceneTextureExpression.png][]

![DepthNextTo.png][]

The material expression computes the depth difference of the current pixel to a neighbor pixel (e.g. In = 0,1 to return the delta to the pixel below).

## Using GBuffer Properties ##

Anti-Aliasing generally makes this a bit more difficult as a GBuffer pixel/texel is no longer 1:1 associated with an output pixel (see section below).

## CustomDepth ##

![CustomDepth.png][]

In this scene, we activated the feature on two objects but without a post processing pass visualizing the content, this feature remains invisible:

![scene.png][]

Here we can see how a visualization of the Custom Depth looks like:

![sceneCustomDepth.png][]

This is the material we used to visualize it:

![CustomDepthMat.png][]

## Temporal Anti-Aliasing or Why the GBuffer Jitters ##

Temporal anti-aliasing is a unique UE4 feature that greatly improves image quality with a very moderate performance cost.

Here you can see how we used the custom depth input to visualize a silhouette around specific objects:

![sceneAfterTonemapper.png][]

This is the result:

![sceneBeforeTonemapper.png][]

## UV and ScreenPos ##

## Filtered texture lookups ##

## Replacing the Tonemapper ##

![ReplacingTheTonemapper.png][]

Vector parameter:

Engine.FilmWhitePoint

Scalar parameter:

Engine.FilmSaturation
    Engine.FilmContrast

In order to get the parameters you need to create a material instance from the post process material!

You still can use your own parameters and get them blended like other post process material settings.

## Known Issues ##

The following issues still need to be fixed:

## FAQ ##

[Unreal Engine 4.9]: https://docs.unrealengine.com/latest/INT/SiteIndex/index.html?versions=4.9
[Post Process Effects]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/index.html
[Teaser3.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Teaser3.jpg
[Teaser0.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Teaser0.jpg
[Teaser1.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Teaser1.jpg
[Teaser2.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/Teaser2.jpg
[Post Processing Graph]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#postprocessinggraph
[Using a Post Process Material]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#usingapostprocessmaterial
[Making a Simple Post Process Material]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#makingasimplepostprocessmaterial
[Critical Settings for Post Process Materials]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#criticalsettingsforpostprocessmaterials
[Blending Between Different Material Instances]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#blendingbetweendifferentmaterialinstances
[The Material Expression _SceneTexture]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#thematerialexpression
[Using GBuffer Properties]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#usinggbufferproperties
[CustomDepth]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#customdepth
[Temporal Anti-Aliasing or Why the GBuffer Jitters]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#temporalanti-aliasingorwhythegbufferjitters
[UV and ScreenPos]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#uvandscreenpos
[Filtered texture lookups]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#filteredtexturelookups
[Replacing the Tonemapper]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#replacingthetonemapper
[Known Issues]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#knownissues
[FAQ]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/index.html#faq
[PostProcessSettings.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/PostProcessSettings.jpg
[Post Process Material Example]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/PostProcessMaterials/PostProcessDemoMaterialOverview/index.html
[FinalPostEffect.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/PostProcessDemoMaterialOverview/FinalPostEffect.jpg
[DomainPostProcess.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/DomainPostProcess.jpg
[PostProcessMaterialProps.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/PostProcessMaterialProps.jpg
[PP_BlendedMaterial.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/PP_BlendedMaterial.jpg
[Bad Setup]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/VolumeBlendBad.jpg
[Good Setup]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/VolumeBlendGood.jpg
[SceneTextureProps.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/SceneTextureProps.jpg
[SceneTextureExpression.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/SceneTextureExpression.jpg
[DepthNextTo.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/DepthNextTo.jpg
[CustomDepth.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/CustomDepth.jpg
[scene.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/scene.jpg
[sceneCustomDepth.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/sceneCustomDepth.jpg
[CustomDepthMat.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/CustomDepthMat.jpg
[sceneAfterTonemapper.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/sceneAfterTonemapper.jpg
[sceneBeforeTonemapper.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/sceneBeforeTonemapper.jpg
[ReplacingTheTonemapper.png]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/PostProcessMaterials/ReplacingTheTonemapper.jpg