Lighting & surfaces · 4 / 10

Normal Mapping / Tangent Space

頂点を増やさず細かな凹凸の陰影を付ける。

Compare in motion

回る石壁

Synchronized comparison
AReference
滑らかな面の法線

滑らかな面の法線

BNormal Mapping / Tangent Space100%
面数を増やさず陰影の細部を動かせる

面数を増やさず陰影の細部を動かせる

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: 法線画像を照明に使う → 細かな凹凸の影が移る。

This model simplifies the technique to show its use case and effect. Operation counts describe the model; they are not performance measurements.

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 Normal Mapping / Tangent Space. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Filament Material System ↗

A general reference for this subcategory.