コンピュータグラフィックス 演習

作成したプログラムが正しく動作することを確認したら、それぞれの 提出先に提出しなさい。

提出した後は、正しく提出されていることを http://nw.tsuda.ac.jp/class/cg/local/handin/ で必ず確認しておいて下さい。

課題提出〆切は次回の講義が始まる時刻です。

課題5: Canvas上にベジエ曲線を描画する

Webページ上に 800 x 600 のCanvasを設置し、 マウスをクリックするたびに、4点を用いてベジエ曲線を描画する プログラムを作成せよ。

0回目に マウスのドラッグを開始した座標を P₀、 マウスのドラッグを止めた座標を P₁とする。 1回目に、 マウスのドラッグを開始した座標を P₃、 マウスのドラッグを止めた座標を P₄、 P₃に対してP₄と対称な点をP₂ とする。 同様にn回目に、 マウスのドラッグを開始した座標を P_3n、 マウスのドラッグを止めた座標を P_3n+1、 P_3nに対してP_3n+1と対称な点をP_3n-1 とする。

P_3n, P_3n+1, P_3n+2, P_3n+3 の4点を用いてベジエ曲線を計算すること。

背景は黒色とする。 P_3n , P_3n+1 , P_3n+2 はそれぞれ、赤、青、緑の10x10の正方形で表示すること。 また、ベジエ曲線は白の1x1の点で描画すること。