//Kyunga Ko, 15104E, kyungak@andrew.cmu.edu, Project-01
function setup() {
createCanvas(500, 675);
background(230,157,157);
}
function draw() {
fill(0);
noStroke();
quad(0,100,270,70,250,230,0,300);
quad(270,70,370,400,270,440,250,230);
quad(350,370,370,400,160,600,0,500);
//hair
fill(169,181,223);
stroke(37);
arc(0,530,330,730,0,HALF_PI);
//body
fill(232,197,162);
rotate(PI/7);
stroke(37);
ellipse(250,260,330,430);
//face
fill(227,72,80);
noStroke();
triangle(234,300,249,260,263,300);
//nose
noFill();
stroke(227,103,36);
strokeWeight(10);
arc(240,350,50,30,3*PI/2,PI/2);
arc(240,380,50,30,3*PI/2,PI/2);
//mouth
fill(237,195,127);
ellipse(180,237,70,110);
//left eye
fill(237,195,127);
ellipse(320,237,70,110);
//right eye
fill(36,35,40);
noStroke();
ellipse(320,245,30,70);
//right eye pupil
fill(36,35,40);
noStroke();
ellipse(180,245,30,70);
//left eye pupil
fill(227,103,36);
rotate(PI/17);
rect(165,140,100,30);
//left lower part of eyelid
fill(227,103,36);
rotate(PI/270);
arc(190, 145, 100, 100, PI+QUARTER_PI, TWO_PI);
//left upper part of eyelid
fill(227,103,36);
rotate(PI/270);
rect(310,115,100,30);
//left lower part of eyelid
fill(227,103,36);
rotate(PI/270);
arc(340, 118, 100, 100, PI+QUARTER_PI, TWO_PI);
//left upper part of eyelid
}
Although the face does not exactly synchronize the way I look, I took an artistic approach and experimented with the shapes to produce a self portrait. It was interesting to work and learn about the different features of javascript.