復習: かたちの書き方

かたちの書き方

コンピュータの画面に絵を描くことは方眼紙に絵を描くことに似ています。
左上が原点で、水平方向 x 軸は右が + 、垂直方向 y 軸は下が + の座標系になっています。

以下のような関数で、座標を指定して線を引いて、かたちを書くことができます。

1つの点の座標をして点を描く。

point(x座標, y座標);

2つの点の座標をして線を描く。

line(x1, y1, x2, y2);

3つの点の座標をして三角形を描く。

triangle(x1, y1, x2, y2, x3, y3);

4つの点の座標をして四角形を描く。

quad(x1, y1, x2, y2, x3, y3, x4, y4);

以下のような関数でも、かたちを書くことができます。

左上の座標と、幅と高さを指定して長方形を描く。

rect(x, y, w, h);

中心の座標と、幅と高さを指定して楕円を描く。

ellipse(x, y, w, h);

中心の座標と幅と高さ、始まりと終わりの角度を指定して円弧を描く。
角度は時計の3時の方向を基準として PI (=180°) を使って指定する。

arc(x, y, w, h, start, stop);

4つの点の座標をしてベジェ曲線を描く。

bezier(x1, y1, x2, y2, x3, y3, x4, y4);

関数を使って描ける形には様々な物があります。

公式HPで確認することができます。

角度の値の単位は「度」ではなく「ラジアン」で指定します。
ラジアンは円周率 π を使って角度を表すもので π = 180° です。

Processing では π は PI と書きます。
割り算や掛け算の記号と組み合わせて角度を表します。

例
45° → PI/4
315° → PI/4*7