createCanvas(400, 400);

  // let img=loadImage('dxb.png');

  // image(img, 0, 0);

}

​

function draw() {

  background(255);

  fill(0);

  textSize(15);

  text("MouseX: " + mouseX, 20, 20);

  text("MouseY: " + mouseY, 20, 40);

​

  let face_topx=140;

  let face_topy=230;

  //body

  //fill(119,118,188);

  fill(255, 206, 186)

  ellipse(143,400,100,165)

  line(115,360,115,400)

  line(170,360,170,400)

  beginShape()

  fill(119,118,188);

  rect(115,350,55,50)

  line(115,350,125,325)

  line(170,350,156,323)

  endShape()

​

  // fill(255, 206, 186)

  // rect(95,380,20,20)

  // rect(170,380,22,20)

  //hair

  fill(65,25,0)

  beginShape();

  bezier(face_topx, face_topy, 110,230,87,246, 84,343);

  quad(87,300,110,300,115,343,84,343)

  endShape();

  beginShape();

  bezier(face_topx, face_topy,170,230,193,246, 196,343);

  quad(193,300,170,300,165,343,196,343);

  triangle(140,232,130,248,150,248)

  endShape();

​

​

    // //neck

  fill(255, 206, 186);

  ellipse(140,323,30,20)

  //face

  fill(255, 206, 186);

  ellipse(140, 285, 70, 75);

  strokeWeight(2)

  //hair strand

  noFill()

  bezier(face_topx+10, face_topy, 116,255,136,276, 116,294);

   //necklace & earrrings

  fill(255)

  line(125,325,140,342)

  line(156,325,140,342)

  ellipse(140,342,5,5)

  ellipse(106,286,5,5)

  ellipse(175,286,5,5)

​

  //eyes

  noFill()

  curve(125,285,125,270,135,270,135,285)

  curve(145,285,145,270,155,270,155,285)

  //mouth

  if (mouseIsPressed){curve(150,205,130,300,150,300,150,205)}

  else

  {curve(150,235,130,300,150,300,150,235)}

​

​

  //dog

  //body

  fill(255)

  ellipse(282,382,45,60)

  //face

  fill(196, 164, 132)

  ellipse(270,324,15,15)

  ellipse(295,324,15,15)

  fill(255)

  ellipse(282,340,40,37)

  //mouth

  fill(255,0,0)

  ellipse(283,358,12,25)

  fill(196, 164, 132)

  ellipse(276,355,15,15)

  ellipse(290,355,15,15)

  fill(0)

  ellipse(283,347,10,10)

  //eyes

  ellipse(275,335,5,5)

  ellipse(290,335,5,5)

  fill(255)

  ellipse(275,335,3,3)

  ellipse(290,335,3,3)

  //tail

  noFill()

  bezier(305,383,310,388,327,378,316,375)

​

​

}

​