​

function setup() {

  createCanvas(500,500);

}

  function draw(){

    background(33,23,14);

noStroke();

    translate(-50,0);

    scale(mouseX/500);

  //ellies face 

  fill( 157, 111, 84);

  rect( 205,250, 50,60);

  quad(200, 150, 300, 120, 300, 280, 200, 250);

  triangle(290, 235, 300, 200, 320, 240);

​

  //ellie's hair 

    fill (68,50,35);

  ellipse(240, 140, 130, 120);

 ellipse( 170, 200, 40,60);

  rect(176, 150, 50, 100, 0, 0, 20, 20);

​

    //ellies ear 

    fill (157,111,84);

  rect(220, 180, 30, 50, 10);

  //ellies bod

   fill(54,53,48);

    rect(180,300, 100,220,20);

    ellipseMode(CENTER);

  ellipse(260,380, 80,150);

  rect (250, 380, 50,200, 20);

​

   //dinas head

    fill(156,100,71);

   ellipseMode(CENTER);

   ellipse( 450,200,180,180);

  rect (430,270, 70,100,20);

   triangle ( 355, 260, 365, 210, 382,258);

  //dina's hair

    fill(16,12,7);

   ellipseMode(CENTER);

  ellipse( 420,160, 90,90);

  ellipse( 500, 200, 100,100);

  rect (479,200,52, 80,30);

  ellipse ( 490,120, 70,70);

  ellipse(440, 150,90,90);

  ellipse(510,170, 70,70);

  //dinas ear 

    fill(156,100,71);

    rect (430, 190, 30,40,20);

​

  //dinas hand

    fill(123,78,58);

  quad ( 75, 280, 150,250, 150,290, 65, 300); 

     quad(95,300, 150, 270, 150,290, 100,310);

  rect ( 80, 300,   25,10,5);

    fill(134,96,78);

    quad ( 90, 250, 120,240, 120, 270,70,290);

​

  //dinas arm 

    fill(54,24,27);

   quad (120,240,  443,325, 443,370, 120,280);

  quad (420,340, 455,320,500,340, 470,400);

  //dinas body 

    fill(54,24,27);

  rect (410,335, 100, 200,20);

   ellipseMode(CENTER);

  ellipse(410,380, 80,100);

​

  // ellies arm 

  fill(54,53,48);

     quad (190, 310, 340,420, 340,470,190,360);

     quad( 340,420, 500, 450, 500, 500, 340, 470);

    //ellies hand

    fill(157,111,84);

    rect ( 500, 460, 30,35,10);

         //dina's curl

     fill(16,12,7);

     rect (425,190,10,30,5)

    noFill();

    stroke(16,12,7);

    strokeWeight(5);

 arc(410, 210, 40, 40, 0, HALF_PI);

​

}