円(ellipse)

ellipse(中心x, 中心y, 幅, 高さ)

例を見る

void setup(){
    size(400,400);
    ellipse(width/2, height/2, 100,100);
}

円の色

fill(赤成分(R), 緑成分(G), 青成分(B))

例を見る

void setup(){
    size(400,400);
    fill(255,0,0);
    ellipse(width/2, height/2, 100, 100);
}

noFill()

例を見る

void setup(){
    size(400, 400);
    noFill();
    ellipse(width/2, height/2, 100, 100);
}

fill(R(赤成分), G(緑成分), B(青成分), A(アルファ値,0-255))

例を見る

void setup(){
    size(400, 400);
    fill(0, 128, 255, 127);
    ellipse(width/2, height/2, 100, 100);
}

stroke(R(赤成分), G(緑成分), B(青成分))

例を見る

void setup(){
    size(400, 400);
    stroke(255, 0, 0);
    ellipse(width/2, height/2, 100, 100);
}

strokeWeight(太さ)

例を見る

void setup(){
    size(400, 400);
    strokeWeight(8);
    ellipse(width/2, height/2, 100, 100);
}

noStroke()

例を見る

void setup(){
    size(400, 400);
    noStroke();
    fill(100, 200, 150);
    ellipse(width/2, height/2, 100, 100);
}

CENTER モードは座標 (x, y) を楕円の中心として、幅・高さをそのまま指定して描画します（Processing のデフォルト）。中心を基準に描きたいときに使います。

例を見る

void setup(){
    size(400, 400);
    ellipseMode(CENTER);
    ellipse(width/2, height/2, 100, 100);
}

RADIUS モードは幅・高さの値をそれぞれ x 半径・y 半径とみなして描画します。半径を直接指定したいときに使います。

例を見る

void setup(){
    size(400, 400);
    ellipseMode(RADIUS);
    ellipse(width/2, height/2, 100, 100);
}

CORNER モードは指定した (x, y) を左上隅として、幅・高さで描画します。キャンバスの左上を基準に配置したい場合に使います。

例を見る

void setup(){
    size(400, 400);
    ellipseMode(CORNER);
    ellipse(width/2, height/2, 100, 100);
}

CORNERS モードは2点 (x1, y1) と (x2, y2) を対角の座標として描画します。矩形の対角位置でサイズを決めたいときに便利です。

例を見る

void setup(){
    size(400, 400);
    ellipseMode(CORNERS);
    ellipse(10, 200, 100, 400);
}