Processing square()関数を使って正方形を描画する方法

2023/5/2 2023/5/2 書き溜め

Processingのsquare()関数は、正方形を描画するため関数です。

この関数を使って、2次元の正方形を簡単に描画する方法の書き溜め

square()の構文


square(x, y, side);

square(x, y, side);

各引数は次のように対応しています。

x, y: 正方形の左上角の座標(x,y)
extent: 正方形の一辺の長さ

これらの引数を指定することで、正方形を描画することができます。

square()のサンプルコード

以下は、square()関数を使って正方形を描画する例です。


void setup() {
  size(500, 500);
}

void draw() {
  background(255);
  fill(255, 0, 0);
  square(100, 100, 200);
}

void setup() {

size(500, 500);

}

void draw() {

background(255);

fill(255, 0, 0);

square(100, 100, 200);

}

このコードでは、左上角の座標が(100, 100)で一辺の長さが200の正方形が描画される。

色や線の太さを変更する

square()関数で描画される正方形の色や線の太さを変更することもできます。

以下は、fill()関数とstroke()関数、strokeWeight()関数を使って、正方形の塗りつぶし色、線の色、線の太さを変更しています。


void setup() {
  size(500, 500);
}

void draw() {
  background(255);
  fill(0, 255, 0); // 塗りつぶし色を緑に設定
  stroke(0, 0, 255); // 線の色を青に設定
  strokeWeight(5); // 線の太さを5に設定
  square(100, 100, 200);
}

void setup() {

size(500, 500);

}

void draw() {

background(255);

fill(0, 255, 0); // 塗りつぶし色を緑に設定

stroke(0, 0, 255); // 線の色を青に設定

strokeWeight(5); // 線の太さを5に設定

square(100, 100, 200);

}

このコードでは、塗りつぶし色が緑、線の色が青、線の太さが5の正方形が描画されます。

square()関数の詳細について

square()関数に関する詳しい情報は、Processingの公式ドキュメントを参照してください。

Processingのsquare()関数の公式ドキュメント

じゃあね～～。