「双曲ベジェ曲線」がキュービック・ベジェを超える？数学的な美しさと実用性
The mathematical beauty of hyperbezier curves
Raph Levien氏が、インタラクティブデザインに適した曲線族として「双曲ベジェ曲線（hyperbezier）」を提案。この曲線は、滑らかな曲率変化と高張力領域の両方を表現でき、キュービック・ベジェを近似しつつ、オイラー螺旋や円弧、双曲線、エラスティカなどを高精度で再現できる。パラメータマッピングにより既存のベジェ編集ツールと互換性を持たせられる。今後のスプライン実装や曲線フィッティングへの応用が期待される。
双曲ベジェ曲線は、キュービック・ベジェと驚くほど似た挙動を示しますが、限界まで押し込んだときにはまったく異なる振る舞いを見せます。
HNでの議論
42- momojo
ベジェ曲線が大好きです。コミュニティカレッジで初めて、自分からもっと調べたいと思える題材に出会いました。今でも鮮明に覚えているのは、家の誰もが寝静まった夜に2015年のMacBook Proで何晩も費やし、不安定なp5.jsコードを書いてはブラウザの更新ボタンを押し続け、突然、コントロールポイントから本物の美しい曲線が花開くのを見た瞬間です。
昔の資料を掘り返してみたら[0]、この投稿がもう10年近く前のものだなんて信じられません。この人の解説とアニメーションは、当時Google検索で見つけられた他のどんなリソースよりもはるかに優れていました。
- dahart
それで、Raphさん、これらはどうやって描いているんですか？曲率や接線（だと思いますが？）の角度の方程式が与えられたとして、どこから始めればいいのか正確にはわかりません。ペンツールのリンクには「自動ポイント」とあり、制約付きのベジェ分割のようなものという印象を与えますが、それは正確ですか？また、あなたの記事ではその後数学的な部分を修正したとありますが、これはペンツールとは少し異なり、自動ポイントを使っていないのでしょうか？
デモで遊んでみると、特定の構成で曲線の形がロックされ、コントロールポイントの1つをドラッグしても動かなくなることがあります。これは一時的なものか数値的な安定性の問題でしょうか、それともハイパーベジェ曲線の特性なのでしょうか？例えば、コントロールポイントを正方形に配置し、P0を左下、C1を右下、C2を左上、P3を右上にして、C1を右にドラッグすると、すぐに形がロックされます。目測ですが、P0C1の長さがC2P3の長さの約1.5倍になったときかもしれません。C1をさらに右や上下に動かしても、C1を動かしても曲線の形に影響しない大きな領域があります。
また、P/Cという命名にも少し興味があります。これはエルミート的な考え方で、P[03]が点でC[12]が接線ベクトルに似ているのでしょうか？なぜP[0123]を使わないのでしょうか？
おそらく言及すべき明白な点が1つあります。ベジェは確かに非常に多用途ですが、人気がある理由の1つは数学が非常に単純だからだと言わざるを得ませんよね？線形ステップに分解でき、整数の指数で、パラメータの数回の乗算だけで済みます…
- krtkush
関連：昨年、私はアプリの非常に特殊なUIを作るためにベジェ曲線を扱う機会がありました。
そのプロセスを主に未来の自分のために説明するために、いくつかの記事を書きました[0]。
モバイル開発者として、CRUDアプリを作る以外のことをするのはとても楽しかったです。
[0] https://www.krtkush.com/computer-graphics-basics-with-compos...
- dcrazy
例で遊んでみると、コントロールポイントは従来のキュービックベジェよりも直感的に操作できるとは感じません。端点付近ではまだ厄介な挙動を示しますが、従来のキュービックのように「爆発」する傾向はありません。
著者が自分のソリューションをBスプラインやCatmull-Romスプラインなどの他のスプラインと比較しようとしないのは、コンピュータグラフィックスやCADでの人気を考えると興味深いです。
- diabllicseagull
ベジェが普及した大きな側面の1つは局所支持性、つまりコントロールポイントを動かすと同じ方向に期待通りの変化が起こることでした。これが「キュービックベジェよりもインタラクティブなデザインに適した曲線ファミリー」の探索の結果であるのは興味深いです。曲率変化の観点での曲線品質を達成するには良いと思いますが、インタラクティブ性の点ではそれほどでもないと思います。