Ex falso sequitur quodlibet

Curves & interpolation · 5 / 10

Non-Uniform Rational B-Spline

重みとノットを使って円弧などを精密に表す。

Compare in motion

Interactive demo

円弧状の軌道

Synchronized comparison
AReference
円弧の弦を進む

円弧の弦を進む

BNon-Uniform Rational B-Spline100%
円弧などの正確な軌道を作れる

円弧などの正確な軌道を作れる

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 Non-Uniform Rational B-Spline. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

The Book of Shaders — Shaping Functions ↗

A general reference for this subcategory.