createCanvas(400, 400);

}

var charactervar = {

  x : [20,10,30,50,60,70,100,120,150,300,200,250,260,243,350,320,360,220,280,265],

  y : [50,70,49,97,390,214,41,92,88,31,298,369,297,314,154,179,289,312,239,431,21],

  head : 20,

  eyes : 6,

  hat : 10,

};

​

function draw() {

  background(220);

  for(var i = 0; i <= 20; i++){

    character(charactervar.x[i],charactervar.y[i],20,6,10)

​

}

  }

​

function character(x,y,head, eyes, hat) {

  ellipse(x,y,head,head);

  ellipse(x-head/4,y,eyes,eyes);

  ellipse(x+head/4,y,eyes,eyes);

  triangle(x-head+hat,y, x+head-hat, y, x, y-hat*4)

}