このページでは[「P5.js 日本語リファレンス」] (https://qiita.com/bit0101/items/91818244dc26c767a0fe) の square関数を説明します。
square()
説明文
画面に正方形を描画します。正方形はすべての角度が90度の4辺の形状で,辺の長さは同じです。この関数は幅と高さが同じである rect() の特殊なケースであり、パラメータはサイドサイズの "s" と呼ばれます。デフォルトでは、最初の2つのパラメータは左上隅の位置を設定し、3番目のパラメータは正方形の辺の長さを設定します。ただし、これらパラメータの解釈方法は rectMode() で変更できます。
4番目、5番目、6番目、7番目のパラメータが指定されている場合は、それぞれ左上隅、右上隅、右下隅、左下隅の半径を設定します。省略したときの半径は以前に指定した半径の値に設定されます。
構文
square(x, y, s, [tl], [tr], [br], [bl])
パラメタ
-
x
Number：正方形のx座標 -
y
Number：正方形のy座標 -
s
Number：正方形の辺のサイズ -
tl
Number：左上隅の半径 (オプション) -
tr
Number：右上隅の半径 (オプション) -
br
Number：右下隅の半径 (オプション) -
bl
Number：左下隅の半径 (オプション)
例1
function setup() {
createCanvas(400, 400);
stroke("green");
//場所(30, 20)に, 辺の長さが55の正方形を描画します。
square(30, 20, 55);
stroke("blue");
//角が丸く, 半径が20の正方形を描画します。
square(110, 20, 55, 20);
stroke("red");
//角が丸く, 次の半径の正方形を描きます：
//左上= 20, 右上= 15, 右下= 10, 左下= 5。
square(190, 20, 55, 20, 15, 10, 5);
}
実行結果
著作権
p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.
ライセンス
Creative Commons(CC BY-NC-SA 4.0) に従います。