(Shows positioning + simple shapes)
function setup() {
createCanvas(300, 300);
background(240);
fill(255, 0, 0); circle(50, 50, 60);
fill(0, 255, 0); circle(250, 50, 60);
fill(0, 0, 255); circle(50, 250, 60);
fill(255, 200, 0); circle(250, 250, 60);
}
(Pure minimal color-block composition)
function setup() {
createCanvas(300, 300);
background(255);
fill(200, 50, 50); rect(20, 20, 260, 80);
fill(50, 120, 200); rect(20, 120, 260, 80);
fill(250, 200, 0); rect(20, 220, 260, 60);
}
(Introduces line + strokeWeight)
function setup() {
createCanvas(300, 300);
background(255);
stroke(0);
strokeWeight(10);
line(150, 40, 150, 260);
line(40, 150, 260, 150);
}
(Shows symmetry + triangles)
function setup() {
createCanvas(300, 300);
background(240);
fill(100, 150, 255);
triangle(50, 250, 150, 50, 250, 250);
fill(255, 150, 100);
triangle(80, 220, 150, 80, 220, 220);
}