Noise & irregularity · 4 / 10

Value Noise

格子点の乱数値を補間して柔らかい模様を作る。

Compare in motion

光の明暗

Synchronized comparison
AReference
補間しない乱数

補間しない乱数

BValue Noise100%
粗い乱数から滑らかな明暗変化を作れる

粗い乱数から滑らかな明暗変化を作れる

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 Value Noise. 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.