Noise & irregularity · 9 / 10

Domain Warping

参照座標をノイズで歪めて炎や大理石模様を作る。

Compare in motion

炎の模様

Synchronized comparison
AReference
座標を歪めない模様

座標を歪めない模様

BDomain Warping100%
模様が流れながら折れ曲がる

模様が流れながら折れ曲がる

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 Domain Warping. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

Curl-Noise for Procedural Fluid Flow ↗

A general reference for this subcategory.