Curves & interpolation · 6 / 10

Arc-Length Parameterization

曲線のパラメータと弧長を対応させ、等速移動や等間隔配置に使う。

Compare in motion

Interactive demo

曲線上の光点

Synchronized comparison

AReference

パラメータを等間隔に進める

BArc-Length Parameterization100%

曲がる区間でも速度を揃えられる

Loading demo…

Speed

Time1.20 / 8.00 sB · effect amount100%

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. Start
曲線の始点
2. Change
距離を同じ刻みで進む
3. Result
同じ距離ずつ移る

曲がる区間でも速度を揃えられる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

1. Input
曲線とパラメータ t
2. Process
距離と t の対応を求める
3. Result
等距離の目盛り

A schematic of Arc-Length Parameterization. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Compare in motion

曲線上の光点

How it works

Further reading