長方形(rect)

rect(左上x, 左上y, 幅, 高さ)

例を見る

void setup(){
    size(400, 400);
    rect(30, 100, 250, 150);
}

色

fill(R, G, B)

例を見る

void setup(){
    size(400, 400);
    fill(255, 0, 0);
    rect(30, 100, 250, 150);
}

noFill()

例を見る

void setup(){
    size(400, 400);
    noFill();
    rect(30, 100, 250, 150);
}

fill(R, G, B, A)

例を見る

void setup(){
    size(400, 400);
    fill(0, 128, 255, 127);
    rect(30, 100, 250, 150);
}

stroke(R, G, B)

例を見る

void setup(){
    size(400, 400);
    stroke(255, 0, 0);
    rect(30, 100, 250, 150);
}

strokeWeight(太さ)

例を見る

void setup(){
    size(400, 400);
    strokeWeight(8);
    rect(30, 100, 250, 150);
}

noStroke()

例を見る

void setup(){
    size(400, 400);
    noStroke();
    rect(30, 100, 250, 150);
}

rectMode(CENTER)

CENTER モードは (x, y) を矩形の中心として、幅・高さをそのまま指定して描画します。

例を見る

rectMode(RADIUS)

RADIUS モードは幅・高さの値をそれぞれ x 半径・y 半径として扱います（半分の幅・高さを指定するイメージ）。

例を見る

rectMode(CORNER)

CORNER モードは指定した (x, y) を矩形の左上隅として、幅・高さで描画します（デフォルト動作）。

例を見る

rectMode(CORNERS)

CORNERS モードは2点 (x1, y1) と (x2, y2) を対角の座標として矩形を指定します。

例を見る