ベジェ曲線とカーブを描くための制御点を計算するツールです。

Bezier And Curve Corners Calculator

Source code: bezierAndCurve.pjs

ベジェ曲線とカーブのあまりに詳しい解説はこちら。

Bézier curve – Wikipedia
ベジェ曲線 – ウィキペディア

Wikiを見ていただいても分かる通り、相当数学得意じゃないと、頭の中で思い描いたベジェ曲線やカーブをコーディングするための座標なんてパッと出て来ませんよ、というわけで、bezier(), curve()関数のパラメータ4点の座標を見た目から計算してくれるツールをProcessingで書きました。
 
interaction

  • Canvasの青くポイントされている角をクリックやドラッグで動かせます。
  • 角を動かして描画が更新されるとパラメータの値も併せて更新されます。

 

※ちなみにパラメータの値は便宜上round()されています。単位はpxです。

 

§214 · Posted By · 6月 23, 2011 · Design · Tags: · [Print]