Ex falso sequitur quodlibet

Distance fields & implicit shapes · 1 / 10

Signed Distance Field / SDF

表面までの距離と内外で形を表す。

Compare in motion

Interactive demo

脈動する輪郭

Synchronized comparison
AReference
固定した輪郭

固定した輪郭

BSigned Distance Field / SDF100%
場の閾値から形が変わる

場の閾値から形が変わる

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 Signed Distance Field / SDF. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Unreal Engine Mesh Distance Fields ↗

A general reference for this subcategory.