ベジェ曲線の限界を超える:曲率ベジェの提案

Curvature Beziers

ベジェ曲線の限界を超える:曲率ベジェの提案

CADやグラフィックスで半世紀以上使われ続けるベジェ曲線。その欠点を補う新しいアプローチが登場した。曲率ハンドルを導入し、接線の長さを直接曲率に対応させることで、直感的な編集と安定した曲線生成を実現。数式の導出から実装までを解説する。

ベジェ曲線は、私たちが固執しているレガシーテクノロジーの一つだ。
  1. adamschwartz

    なんて素晴らしいリソースなんだ。

    私はベクターエディタを構築しているところで、デフォルトで滑らかな曲率を持つ図形を描き、コームを表示するようにしている。[1] 記事で言及されている4つのポイントタイプに加えて、新しい「カーブ」ポイントタイプが追加される。また、同じ描画機能を持つフォントエディタも作っている。[2]

    どちらも無料の静的ウェブアプリで、ローカルストレージを使用し、SVGファイル(フォントエディタではOTFファイルも)のインポート/エクスポート機能を備えている。

    [1] https://svg.a10z.co/editor

    [2] https://svg.a10z.co/font

  2. lioeters

    別のコメントで言及されているように、Raph Levienはベジェ曲線の改良についての見解を持っている。

    ベジェパスの簡略化 (2023) https://raphlinus.github.io/curves/2023/04/18/bezpath-simpli...

    三次ベジェの平行曲線 (2022) https://raphlinus.github.io/curves/2022/09/09/parallel-bezie...

    三次ベジェ曲線のフィッティング (2021) https://raphlinus.github.io/curves/2021/03/11/bezier-fitting...

  3. larodi

    記事のイラストは確かに貴重な教材だ。

この日のほかの記事

2026-08-28