jknip-Project-01-Face

sketch.js

function setup() {
    createCanvas(600,600);
    //background(256,256,256);
    background(42,134,191);
}

function draw() {
	var a = color(253,233,53);  
	fill(a);  
	noStroke(); 
	rect(300, 0, 300, 600);
	var bc = color(31,50,101);  
	fill(bc);  
	noStroke(); 
	rect(160, 130, 285, 400, 140, 140, 15, 15);
	var c = color(243,197,192);  
	fill(c);  
	noStroke();  
	ellipse(300,300,250); 
	var cd = color(255,255,255);  
	fill(cd);  
	noStroke(); 
	arc(300, 300, 250, 250, -HALF_PI, HALF_PI, CHORD);
	noFill();
	var d = color(200,45,52);  
	stroke(d);
	strokeWeight(6);
	arc(260, 250, 50, 40, PI+QUARTER_PI, TWO_PI);
	arc(355, 250, 50, 40, PI+QUARTER_PI, TWO_PI);
	arc(300, 365, 30, 15, QUARTER_PI, PI+TWO_PI);
	noStroke();
	fill(d);  
	ellipse(250, 280, 20, 20);
	ellipse(345, 280, 20, 20);
	ellipse(290, 330, 10, 10);
	var e = color(163,144,129);
	stroke(e);  
	strokeWeight(3);
	line(365, 330, 375, 322);
	line(355, 330, 365, 322);
	line(345, 330, 355, 322);
	line(235, 330, 245, 322);
	line(225, 330, 235, 322);
	line(215, 330, 225, 322);
}

To develop this sketch, I played with a series of symmetrical components within the larger shapes that makes up the majority of the background. I wanted to create a more expressive, asymmetrical face within the smaller components of the face, using simple arcs, lines and circles.