bezier():2次ベジェ曲線を描く

説明

2次ベジェ曲線を描画します。パラメーターは「開始点(x1,y1)」「制御点(x2,y2)」「終了点(x4,y4)」と色を指定します。精度を落としても速く描画させたい場合はt=t+1;をt=t+2;にしてください。

[以下のJavaScriptプログラムをダウンロード]

[もう1つのサンプルプログラムをダウンロード]

// 2-Bezier(x1,y1,x2,y2,x3,y3,x4,y4,color)
function bezier2(x1,y1,x2,y2,x3,y3,c){
  var t=0,ox=x1,oy=y1,x,y;
  while(t<=10){
    var tt=10-t;
    x=tt*tt*x1+2*tt*t*x2+t*t*x3;
    y=tt*tt*y1+2*tt*t*y2+t*t*y3;
    x=x/100;
    y=y/100;
    uart(128,8,1,ox,oy,x,y,c);
    ox=x;oy=y;
    t=t+1;
  }
}
// Sample Code
uart("\nPC CLEAR 00\n");
bezier2(0,20, 0,0, 20,0, 2);

目次に戻る