Project-01

function setup() {
    createCanvas(250, 350);
    background(242, 112, 155); //pink
}

function draw() {
    fill(241, 194, 126) //skin in the backdrop
    rect(60, 80, 140, 90)
    fill(0); //hair and eyes
    rect(80, 20, 90, 40); //main black rect
    rect(60, 30, 20, 40);
    square(160, 60, 10);
    rect(170, 30, 20, 50);
    rect(190, 40, 10, 50);
    rect(180, 80, 10, 20);
    rect(200, 50, 10, 140);
    rect(210, 80, 10, 110);
    rect(60, 70, 10, 40);
    rect(50, 50, 10, 140);
    rect(40, 70, 10, 100);
    rect(60, 130, 10, 50);
    rect(70, 140, 10, 50);
    rect(80, 150, 10, 30);
    rect(90, 150, 10, 20);
    rect(100, 150, 10, 20);
    rect(100, 170, 50, 10);
    rect(140, 150, 10, 20);
    rect(150, 140, 10, 30);
    rect(160, 130, 10, 50);
    rect(170, 130, 10, 50);
    rect(180, 120, 10, 70);
    rect(190, 110, 10, 70);
    rect(80, 80, 20, 10);
    rect(140, 80, 20, 10);
    rect(80, 100, 20, 10);
    rect(140, 100, 20, 10);
    rect(110, 120, 20, 10);
    rect(70, 240, 110, 10); //belt
    noLoop();
    fill(1, 162, 232); //bandana
    square(90, 60, 10);
    square(140, 60, 10);
    square(70, 70, 10);
    square(120, 70, 10);
    square(160, 70, 10);
    noLoop();
    fill(247, 92, 100);
    square(110, 130, 10); //tongue
    noLoop();
    strokeWeight(0)
    fill(237, 29, 37); //red shirt
    rect(100, 180, 50, 10);
    rect(90, 190, 60, 10);
    rect(100, 200, 50, 10);
    rect(90, 210, 50, 10);
    rect(70, 220, 30, 10);
    rect(80, 200, 10, 10);
    rect(70, 230, 30, 10);
    rect(110, 230, 70, 10);
    rect(120, 220, 30, 10);
    rect(150, 210, 20, 10);
    rect(160, 220, 20, 10);
    square(60, 200, 10);
    square(50, 220, 10);
    square(180, 200, 10);
    square(190, 220, 10);
    noLoop();
    fill(52, 32, 13);  //brown outline
    square(90, 180, 10);
    rect(150, 180, 20, 10);
    rect(60, 190, 30, 10);
    rect(160, 190, 30, 10);
    square(50, 200, 10);
    square(70, 200, 10);
    square(170, 200, 10);
    square(190, 200, 10);
    rect(40, 210, 10, 50);
    rect(60, 210, 10, 70);
    square(170, 210, 10);
    rect(180, 210, 10, 70);
    rect(200, 210, 10, 50);
    square(50, 230, 10);
    square(190, 230, 10);
    square(50, 250, 10);
    square(190, 250, 10);
    rect(60, 280, 60, 10);
    rect(130, 280, 60, 10);
    rect(110, 260, 10, 50);
    square(120, 260, 10);
    rect(130, 260, 10, 50);
    rect(80, 290, 30, 10);
    rect(70, 300, 40, 10);
    rect(140, 290, 30, 10);
    rect(140, 300, 40, 10);
    noLoop();           
    fill(255, 242, 1);  //yellow highlights
    square(80, 210, 10);
    square(90, 200, 10);
    square(100, 230, 10);
    square(110, 220, 10);
    square(140, 210, 10);
    square(150, 220, 10);
    square(150, 190, 10);
    square(190, 210, 10);
    noLoop();
    fill(255, 201, 15);  //yellow-orange
    square(50, 210, 10);
    square(150, 200, 10);
    noLoop()
    fill(255, 127, 40);  //orange 
    square(70, 210, 10);
    square(100, 220, 10);
    square(160, 200, 10);
    noLoop();
    fill(241, 194, 126);  //hands&knees
    square(50, 240, 10);
    square(190, 240, 10);
    rect(70, 260, 20, 10);
    rect(150, 260, 20, 10);
    noLoop();
    fill(255);      //jean tears
    square(70, 270, 10);
    square(140, 270, 10);
    square(170, 270, 10);
    noLoop();
    fill(111, 126, 149);  //jeans
    rect(70, 250, 110, 10);
    rect(90, 260, 20, 10);
    square(140, 260, 10);
    square(170, 260, 10);
    rect(80, 270, 30, 10);
    rect(150, 270, 20, 10);
    }