Refraction Using Pixel Normal Offset

Overview of the Refraction mode for Pixel Normal Offset in your Materials.

Choose your operating system:

Windows

macOS

Linux

In Unreal Engine 4, we now make use of a non-physical model of refraction, Pixel Normal Offset . The built-in code, using the physical model of refraction for Index of Refraction , is based on how light rays refract as they transfer between mediums, which can cause a lot of artifacts as the scene color is being read from off screen. This can be useful for small objects, like glass jars, where you won't notice the effect as much, but is problematic for flat surfaces. Pixel Normal Offset enables refraction for these large flat surfaces, like water, where you do not want this constant offset that is reading from off screen so much. It uses the vertex normal as a reference and then computes the refraction offset from how different the per-pixel normal is from the vertex normal, allowing these flat surfaces not to shift.

Physical vs Non-Physical Model of Refraction

In the comparisons below, the Refraction Modes for the physical model of Index of Refraction and the non-physical model for Pixel Normal Offset demonstrate the differences in how the normal is read in the material.

For additional information about the physical model of refraction, and using it with your materials, you can read about it on our page for Using Refraction .

RefractionSettingIOR.png

RefractionSettingPNO.png

Physical Model of Refraction Setting: Index of Refraction

Non-Physical Model of Refraction Setting: Pixel Normal Offset

Refraction Mode: Index of Refraction without Normal Map

Refraction Mode: Pixel Normal Offset without Normal Map

Here you will notice that the image is shifted when using the Index of Refraction mode compared to the Pixel Normal Offset mode where you do not read from off screen so much. Index of Refraction will work without a Normal map plugged into the material, whereas with Pixel Normal Offset , if there is no Normal map you will not get any refraction.

Refraction Mode: Index of Refraction with Normal Map

Refraction Mode: Pixel Normal Offset with Normal Map

When you add a Normal map to your material, with refraction and a value greater than 1 plugged into your Refraction input, the normal will translate along the surface when using Pixel Normal Offset . However, you will notice that with Index of Refraction , you will still have an offset that reads from off screen, which is not a desirable effect for these flat surfaces using refraction.

Final Results

In this example, the refraction amount is adjusted between a value of 1.0, which is no refraction at all, to a value of 2.0, for some refraction along the surface without shifting the image while using Pixel Normal Offset .

Help shape the future of Unreal Engine documentation! Tell us how we're doing so we can serve you better.
Take our survey
Dismiss