Ex falso sequitur quodlibet

Post processing · 6 / 10

Chromatic Aberration

色ごとの位置を少しずらしてレンズ感を出す。

Compare in motion

Interactive demo

衝撃を受ける画面

Synchronized comparison
AReference
色チャンネルが重なる

色チャンネルが重なる

BChromatic Aberration100%
レンズ感や異常を演出できる

レンズ感や異常を演出できる

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: RGBを少しずらす → 縁の色が分かれる。

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

    RGBを少しずらす

  3. 3. Result

    縁の色が分かれる

レンズ感や異常を演出できる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

  1. 1. Input

    RGB の各色

  2. 2. Process

    色チャンネルをずらす

  3. 3. Result

    色のずれた縁

A schematic of Chromatic Aberration. 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.