投稿者 tel | 2011年2月22日

2次ベジェ曲線

仕事でノード間の連結を曲線でやったのでメモ。
はじめBスプラインでやろうと思って検索して出てきた式がどうやら2次のベジェ曲線っぽかった。

式としては以下のようになる。
P(t) = (1-t)^2*P0 + (1-t)*t*P1 + t^2*P2

Canvasで実際に描いてみる。100分割くらいで直線で近似。

http://www.geocities.jp/telsunyh/demo/bezier.html

FirefoxとGoogle Chromeで動作確認。クリックしたところを制御点にしてベジェ曲線を描画。

  • 2011/03/07 サンプルを修正。始点と終点も動かせるようにした。

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

カテゴリー

%d人のブロガーが「いいね」をつけました。