Self-Portrait

sketch

function setup() {
    createCanvas(600, 600);
    background(232, 232, 229);
    text("p5.js vers 0.5.12 test.", 10, 15);
}

function draw() {
	createCanvas(600, 600);
	background(245);
    

   
    //background
   strokeWeight(0);
    fill(0,42,178);
    ellipse(300,200,500,500);
    



    //hair
    stroke(244,176,163);
    line(264,212,264,230);
    noSmooth();
    fill(10);
    stroke(10);
    rect(225,210,110,155,150,40,10,10);
    noSmooth();
    fill(10);
    rect(235,200,140,165,150,150,10,10);
  


    
    //Ears
    fill(244,176,163);
    strokeWeight(0);
    ellipse(235,305,18,23);
    ellipse(365,305,18,23);
    fill(231,98,83);
    ellipse(235,305,13,18);
    ellipse(365,305,13,18);


   //arms
   fill(244,176,163);
   strokeWeight(0);
   rect(220,507,165,200);


   //body
   noSmooth();
   strokeWeight(0);
   fill(255);
   rect(233,365,140,300,55,55,130,130);
   triangle(236,400,202,507,235,507);
   triangle(370,400,406,507,372,507);
  
    
   
    //face
    noSmooth();
    strokeWeight(0);
    fill(244,176,163);
    rect(235,220,130,135,90,90,130,130);
    rect(290,350,20,20);
    arc(300,370,20,20,0,PI,OPEN);
    fill(10);
    triangle(265,230,240,231,236,278);
    fill(10);
    arc(267,287,22,22,0,PI,OPEN);
    strokeWeight(4)
    stroke(10);
   strokeWeight(0);
    arc(335,287,22,22,0,PI,OPEN);
    fill(270);
    arc(267,287,10,10,0,PI,OPEN);
    arc(335,287,10,10,0,PI,OPEN);



    //Mouth
    fill(231,98,83);
    ellipse(300,320,15,7);







    
    





}

I have never coded before in my life and as a architecture student my understandings for coding was always just the skeleton beneath the software we use to create art and design, not like something that can be the tool itself to create art pieces. Creating my self portrait helped me look at coding from a complete different angle.