Ex falso sequitur quodlibet

Post processing · 7 / 10

Depth / Normal Edge Detection

隣接画素の深度や向きの差から輪郭を描く。

Compare in motion

Interactive demo

回る立体

Synchronized comparison
AReference
輪郭線なし

輪郭線なし

BDepth / Normal Edge Detection100%
動く形状の輪郭を強調できる

動く形状の輪郭を強調できる

Loading demo…

Scrub to pause and inspect. At 0%, B matches A; at 100%, B shows the effect. The scene repeats every 8 seconds.

Look for: 深度・法線の差を抽出 → 外形線が追従する。

A small visual example of a game use case. Games combine these techniques with assets and other effects.

Read the storyboard

例: 回る立体

  1. 1. Start

    輪郭が目立たない

  2. 2. Change

    深度・法線の差を抽出

  3. 3. Result

    外形線が追従する

動く形状の輪郭を強調できる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

  1. 1. Input

    隣接画素の深度・法線

  2. 2. Process

    差の大きい場所を抽出

  3. 3. Result

    物体の輪郭線

A schematic of Depth / Normal Edge Detection. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Unreal Engine Post Process Effects ↗

A general reference for this subcategory.