Curves & interpolation · 4 / 10

B-Spline

制御点の局所的な調整で長い滑らかな曲線を作る。

Compare in motion

長い移動経路

Synchronized comparison
AReference
制御点を折れ線で結ぶ

制御点を折れ線で結ぶ

BB-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 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.