描く系の命令の説明とサンプルです。おさらいをしながら、まとめてみました！
背景
| 背景 | background(R, G, B) |
|---|
size(600, 100)
background(197, 234, 222)
図形
| 線 | line(始点X, 始点Y, 終点X, 終点Y) |
|---|---|
| 矩形 | rect(左上X, 左上Y, 幅, 高さ) |
| 円 | ellipse（中心点X, 中心点Y, 幅, 高さ） |
| 三角形 | triangle(点1X, 点1Y, 点2X, 点2Y, 点3X, 点3Y) |
| 線の色 | stroke(R, G, B) |
|---|---|
| 線の太さ | strokeWeight(太さ) |
| 線を描かない | noStroke() |
| 塗りつぶしの色 | fill(R, G, B) |
| 塗りつぶさない | noFill() |
size(600, 300)
background(197, 234, 222)
# 線、四角、円、三角
line(10, 10, 120, 60)
rect(140, 10, 50, 50)
ellipse(240, 35, 50, 50)
triangle(300, 60, 325, 10, 350, 60)
# 線の色、太さ
stroke(200, 70, 70)
strokeWeight(5)
ellipse(240, 105, 50, 50)
# 塗りつぶし
fill(230, 210, 210)
ellipse(240, 175, 50, 50)
# 塗りつぶしなし
noFill()
ellipse(240, 245, 50, 50)
文字
| 文字 | text(文字列, 左下X, 左下Y) 文字列はダブルクオーテーション（”）で括る |
|---|
| 文字サイズ | textSize(文字サイズ) ピクセル(px)指定 |
|---|---|
| 文字揃え | textAlign(揃え) LEFT…左揃え CENTER…中央揃え RIGHT…右揃え |
size(600, 100)
textSize(70)
textAlign(CENTER)
text("Apple", 300, 70)