曲線・補間 · 4 / 10

Bスプライン

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

動くデモで比較する

長い移動経路

同じ時刻で比較
A比較対象
制御点を折れ線で結ぶ

制御点を折れ線で結ぶ

BBスプライン100%
長い曲線を局所的に調整できる

長い曲線を局所的に調整できる

デモを読み込み中…

時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。

見るポイント:一部の制御点を動かす → 近くの区間だけ形が変わる。

ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。

コマ送りで解説を読む

例: 長い移動経路

  1. 1. 開始

    最初の区間

  2. 2. 変化

    一部の制御点を動かす

  3. 3. 結果

    近くの区間だけ形が変わる

長い曲線を局所的に調整できる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

技法のしくみ

  1. 1. 入力

    制御点とノット

  2. 2. 処理

    基底関数で合成

  3. 3. 結果

    局所調整できる曲線

Bスプラインのしくみを示す模式図。入力・処理・結果の関係を表し、実際の数値や描画結果は実装によって異なります。

さらに調べる

The Book of Shaders — Shaping Functions ↗

この分野の参考資料です。個々の項目を直接説明する資料とは限りません。