createCanvas(400, 400);

}

​

function draw() {

  background(200);

  for(let x = 0; x < width/2 ; x += 50)

avatar();

}

​

function avatar() {

    //ponytail

  fill(60,30,20)

  rect(44, 100, 130, 200, 20, 15, 10, 5);

  arc(109, 134, 130, 160, PI, TWO_PI)

  //head and neck

  noStroke();

  fill (400, 210, 180)

  rect(118, 290, 44, 90)

  rect(70, 110, 140, 200, 90)

  //body

  fill(0, 80, 50);

  rect(65, 345, 155, 100, 40, 50);

  //mouth

  stroke(250,100,100);

  fill(230,60,100)

  strokeWeight(4);

  arc(142, 258, 50, 50, 0, PI);

  //eyes

  stroke (0,0,0)

  noFill();

  arc(170, 197, 35, 45, PI, TWO_PI);

  arc(115, 197, 35, 45, PI, TWO_PI);

  //nose

  noStroke();

  fill(400, 150, 140, 150)

  triangle(143, 210, 143, 249, 159, 240)

  //hair

  noStroke();

  fill(80,40,40)

  arc(140, 157, 150, 110, PI, TWO_PI);

}