曲線・補間 · 6 / 10
弧長パラメータ化
曲線のパラメータと弧長を対応させ、等速移動や等間隔配置に使う。
動くデモで比較する
Interactive demo
曲線上の光点
A比較対象
パラメータを等間隔に進める
B弧長パラメータ化100%
曲がる区間でも速度を揃えられる
時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。
見るポイント：距離を同じ刻みで進む → 同じ距離ずつ移る。
ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。
コマ送りで解説を読む
例: 曲線上の光点
1. 開始
曲線の始点
2. 変化
距離を同じ刻みで進む
3. 結果
同じ距離ずつ移る
技法のしくみ
1. 入力
曲線とパラメータ t
2. 処理
距離と t の対応を求める
3. 結果
等距離の目盛り
さらに調べる
The Book of Shaders — Shaping Functions ↗この分野の参考資料です。個々の項目を直接説明する資料とは限りません。