UV & materials · 5 / 10

Parallax Mapping / Bump Offset

高さに応じてUVをずらし奥行きを見せる。

Compare in motion

歩きながら見る壁

Synchronized comparison
AReference
平らな表面

平らな表面

BParallax Mapping / Bump Offset100%
視点移動で疑似的な奥行きが変わる

視点移動で疑似的な奥行きが変わる

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: 視線でUVの参照位置をずらす → 凹凸が奥に見える。

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

    視線でUVの参照位置をずらす

  3. 3. Result

    凹凸が奥に見える

視点移動で疑似的な奥行きが変わる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

  1. 1. Input

    高さマップと視線

  2. 2. Process

    高さに応じて UV をずらす

  3. 3. Result

    見かけの凹凸

A schematic of Parallax Mapping / Bump Offset. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Unreal Engine Material Coordinates ↗

A general reference for this subcategory.