You are lokin at the excution of the fallowing code in an iframe to create me!

function setup() {
createCanvas(600, 600)
background(255, 179, 227);
}
function draw() {
fill (240) //clouds
noStroke();
ellipse (55,60, 65,30)
ellipse (100,60, 78,25);
circle (75, 40, 50);
circle (105, 45, 25);

noStroke();
ellipse (215,60, 65,30)
ellipse (260,60, 78,25);
circle (235, 40, 50);
circle (265, 45, 25);

noStroke();
ellipse (375,60, 65,30)
ellipse (420,60, 78,25);
circle (395, 40, 50);
circle (430, 45, 25);

noStroke();
ellipse (535,60, 65,30)
ellipse (580,60, 78,25);
circle (555, 40, 50);
circle (590, 45, 25);

noStroke();
ellipse (485,160, 65,30)
ellipse (530,160, 78,25);
circle (505, 140, 50);
circle (540, 145, 25);

noStroke();
ellipse (335,160, 65,30)
ellipse (380,160, 78,25);
circle (355, 140, 50);
circle (390, 145, 25);

noStroke();
ellipse (185,160, 65,30)
ellipse (230,160, 78,25);
circle (205, 140, 50);
circle (240, 145, 25);

noStroke();
ellipse (35,160, 65,30)
ellipse (80,160, 78,25);
circle (55, 140, 50);
circle (90, 145, 25);

noStroke();
ellipse (-15,260, 65,30)
ellipse (30,260, 78,25);
circle (5, 240, 50);
circle (40, 245, 25);

noStroke();
ellipse (135,260, 65,30)
ellipse (180,260, 78,25);
circle (155, 240, 50);
circle (190, 245, 25);

noStroke();
ellipse (435,260, 65,30)
ellipse (480,260, 78,25);
circle (455, 240, 50);
circle (490, 245, 25);

noStroke();
ellipse (585,260, 65,30)
ellipse (630,260, 78,25);
circle (605, 240, 50);
circle (640, 245, 25);

noStroke();
ellipse (55,360, 65,30)
ellipse (100,360, 78,25);
circle (75, 340, 50);
circle (105, 345, 25);

noStroke();
ellipse (215,360, 65,30)
ellipse (260,360, 78,25);
circle (235, 340, 50);
circle (265, 345, 25);

noStroke();
ellipse (375,360, 65,30)
ellipse (420,360, 78,25);
circle (395, 340, 50);
circle (430, 345, 25);

noStroke();
ellipse (535,360, 65,30)
ellipse (580,360, 78,25);
circle (555, 340, 50);
circle (590, 345, 25);

noStroke();
ellipse (485,460, 65,30)
ellipse (530,460, 78,25);
circle (505, 440, 50);
circle (540, 445, 25);

noStroke();
ellipse (335,460, 65,30)
ellipse (380,460, 78,25);
circle (355, 440, 50);
circle (390, 445, 25);

noStroke();
ellipse (185,460, 65,30)
ellipse (230,460, 78,25);
circle (205, 440, 50);
circle (240, 445, 25);

noStroke();
ellipse (35,460, 65,30)
ellipse (80,460, 78,25);
circle (55, 440, 50);
circle (90, 445, 25);

noStroke();
ellipse (-15,560, 65,30)
ellipse (30,560, 78,25);
circle (5, 540, 50);
circle (40, 545, 25);

noStroke();
ellipse (135,560, 65,30)
ellipse (180,560, 78,25);
circle (155, 540, 50);
circle (190, 545, 25);

noStroke();
ellipse (435,560, 65,30)
ellipse (480,560, 78,25);
circle (455, 540, 50);
circle (490, 545, 25);

noStroke();
ellipse (585,560, 65,30)
ellipse (630,560, 78,25);
circle (605, 540, 50);
circle (640, 545, 25);


fill(204, 170, 122) // backhair
noStroke();
quad (175, 235 , 425, 235, 450, 550, 150, 550);

fill(255, 222, 214); //head
ellipse (300,300,200,300);

fill (204, 170,122) //bangs
noStroke();
rect(175, 150, 250, 85);

fill (255, 222, 214); //neck
noStroke();
rect(270, 440, 60, 90);

fill(240); //eyes
ellipse (250, 250, 50, 30);
ellipse (350, 250, 50, 30);

fill(255,255,255); //shirt
quad (250,500,  350, 500,  350,600,  250,600);

fill (0,0,0); //jacket
quad (230, 500,  260,500,  260,600,  180,600);
quad (340, 500,  370, 500, 420,600,  340,600);

fill(190,229,232); //bule eye
circle (250, 250, 30);
circle (350, 250, 30);

fill(255, 171, 189); ///lip
ellipse (300,385, 50,30);

fill (240, 209, 201) //nose
triangle (275, 350,  300, 300,  325, 350);

fill (0,0,0) //iris
circle (250, 250, 15);
circle (350, 250, 15);



}