§2.6 - 描画関数まとめ（Reference）
KM
bykarutt
2024-11-11
描画関数
| 関数 | 説明 |
|---|---|
circle(x, y, r) | 円を描きます。xとyは中心の座標、rは半径を指定します。 |
ellipse(x, y, w, h) | 楕円を描きます。xとyは中心の座標、wは幅、hは高さを指定します。 |
rect(x, y, w, h) | 四角形を描きます。xとyは左上隅の座標、wは幅、hは高さを指定します。 |
rect(x, y, w, h, r) | 角が丸い四角形を描きます。rは角の丸みの半径を指定します。 |
rect(x, y, w, h, tl, tr, br, bl) | 各角が異なる丸みを持つ四角形を描きます。tl, tr, br, blはそれぞれ左上、右上、右下、左下の角の丸みの半径を指定します。 |
line(x1, y1, x2, y2) | 線を引きます。x1とy1は始点の座標、x2とy2は終点の座標を指定します。 |
triangle(x1, y1, x2, y2, x3, y3) | 三角形を描きます。3 つの頂点の座標を指定します。 |
quad(x1, y1, x2, y2, x3, y3, x4, y4) | 四辺形を描きます。4 つの頂点の座標を指定します。 |
arc(x, y, w, h, start, stop) | 円弧を描きます。xとyは中心の座標、wは幅、hは高さ、startとstopは角度を指定します。 |
point(x, y) | 点を描きます。xとyは点の座標を指定します。 |
text(str, x, y) | テキストを描きます。strは表示する文字列、xとyはテキストの左下隅の座標を指定します。 |
多角形の描画
| 関数 | 説明 |
|---|---|
beginShape() | 新しい形を作るための合図をします。 |
vertex(x, y) | 新しい形を作るための頂点を定義します。 |
endShape(CLOSE) | 形を閉じます。 |
スタイル関数
| 関数 | 説明 |
|---|---|
fill(gray) | 図形の塗りつぶしの色を指定します。gray は 0 から 255 の範囲のグレースケール値。 |
fill(r, g, b) | 図形の塗りつぶしの色を指定します。r、g、bは RGB 値。 |
fill(r, g, b, a) | 図形の塗りつぶしの色を指定します。r、g、bは RGB 値、a は透明度を表します。 |
noFill() | 図形の塗りつぶしを無効にします。 |
stroke(gray) | 図形の線の色を指定します。gray は 0 から 255 の範囲のグレースケール値。 |
stroke(r, g, b) | 図形の線の色を指定します。r、g、bは RGB 値。 |
stroke(r, g, b, a) | 図形の線の色を指定します。r、g、bは RGB 値、a は透明度を表します。 |
noStroke() | 図形の線を無効にします。 |
strokeWeight(w) | 図形の線の太さを指定します。 |