ドキュメント

circle - 円 rect - 四角形 roundRect - 角丸四角形 line - 線 arc - 円弧 polygon - 多角形 fill - 塗り潰し stroke - ストローク rotate - 回転 text - テキスト高度な使い方 - スクリプト

circle - 円

circle(x座標, y座標, 幅, 高さ)

circle(2, 4, 5, 10)
stroke('black')

rect - 四角形

rect(x座標, y座標, 幅, 高さ)

rect(2, 4, 10, 15)
stroke('black')

roundRect - 角丸四角形

roundRect(x座標, y座標, 幅, 高さ)

roundRect(2, 4, 15, 10)
stroke('black')

line - 線

line(x座標1, y座標1, x座標2, y座標2)

line(2, 4, 12, 14)
stroke('black')

arc - 円弧

arc(x座標, y座標, 半径, 開始角度, 終了角度)

arc(10, 10, 5, 0, 180)
stroke('black')

polygon - 多角形

polygon([x座標1, y座標1, x座標2, y座標2, x座標3, y座標3,...])

polygon([10, 2, 2, 10, 10, 10])
stroke('black')

fill - 塗り潰し

fill(色)

circle(2, 4, 5, 5)
fill('red')

stroke - ストローク

stroke(色)

circle(2, 4, 5, 5)
stroke('red')

rotate - 回転

rotate(角度)

line(0, 16, 32, 16)
rotate(90)
line(0, 16, 32, 16)
stroke('black')

text - テキスト

text(x座標, y座標, 文字, 色, サイズ)

text(0, 0, 'A', 'black', 32)

高度な使い方 - スクリプト

任意のJavaScriptコード

for (let i = 0; i < 6; i++) {
  rotate(30)
  line(0, 16, 32, 16)
}
stroke('black')