let var1=5;

let x=160

let y=445

let z=170

let h=380

let z1=200

let h1=480

let b=80

let r;

let c2=90;

​

​

function preload(){

  img=loadImage('Untitled-1.jpg')

}

​

​

function setup() {

  createCanvas(400, 600);

​

}

​

function draw() {

  background(150);

  tint(220,200,220,225);

  image(img,0,0,400,600);

  //feet fur

  fur1(x,y,c2);

  fur1(x,y+var1,c2);

  fur1(x,y+2*var1+2,c2);

  fur1(x,y+3*var1,c2);

  fur1(x,y+4*var1,c2);

  fur1(x,y+5*var1+3,c2);

  fur1(x,y+6*var1,c2);

  fur1(x,y+7*var1,c2);

  fur1(x,y+8*var1+3,c2);

  fur1(x,y+9*var1,c2);

  fur1(x,y+10*var1,c2);

  fur1(x+b,y,210);

  fur1(x+b,y+var1,210);

  fur1(x+b,y+2*var1,210);

  fur1(x+b,y+3*var1,210);

  fur1(x+b,y+4*var1,210);

  fur1(x+b,y+5*var1,210);

  fur1(x+b,y+6*var1,210);

​

  fur2(z1,h1,c2);

  fur2(z1,h1+var1,c2);

  fur2(z1,h1+2*var1+2,c2);

  fur2(z1,h1+3*var1,c2);

  fur2(z1,h1+4*var1,c2);

  fur2(z1,h1+5*var1+3,c2);

  fur2(z1,h1+6*var1,c2);

  fur2(z1,h1+7*var1,c2);

  push();

  translate(200,0);

  rotate(TWO_PI/18);

  fur2(z+3+b,h-5,210);

  fur2(z+b,h-4+var1,210);

  fur2(z+b,h+2*var1,210);

  fur2(z+b,h+3*var1,210);

  fur2(z+b,h+4*var1,210);

  fur2(z+b,h+3+5*var1,210);

  fur2(z+b,h+6*var1,210);

  fur2(z+b,h+7*var1,210);

  fur2(z+b,h+8*var1,210);

  fur2(z+b,h+4+9*var1,210);

  fur2(z+b,h+10*var1,210);

  fur2(z+b,h+11*var1,210);

  fur2(z+b,h+12*var1,210);

  fur2(z+b,h+13*var1,210);

  fur2(z+b,h+14*var1,210);

  pop();

  //hairunderlayer

  fill(225);

  ellipse(width/2,100,100,140);

  push();

  rectMode(CENTER);

  translate(100,100);

  rotate(TWO_PI*19/20);

  rect(118,55,60,90,5,5,5,5);

  rotate(TWO_PI*2/30);

  rect(95,20,90,73,5,5,5,5);

  fill(40);

  rect(95,15,90,85,5,5,5,5);

  pop();

  //head

  noStroke();

  fill(222,50,0);

  ellipse(width/2,100,70,90);

  quad(205,170,200,100,220,100,240,180);

  fill(225);

  ellipse(190,70,70,40);//bang

  //hairupperlayer

  push();

  rectMode(CENTER);

  translate(100,100);

  rotate(TWO_PI*19/20);

  rect(130,50,30,100,5,5,5,5);

  pop();

   //feet

  push();

  fill(c2);

  noStroke();

  ellipse(155,527,90,60);

  fill(225);

  //ellipse(155+b,535,80,85);

  noFill();

  strokeWeight(50);

  stroke(c2);

  bezier(170,280,190,290,190,500,170,530);

  strokeWeight(65);

  stroke(210);

  bezier(175+b,280,230+b,290,195+b,500,170+b,530)

  fill(225);

  noStroke();

  ellipse(150+b,540,90,80);

  fill(210);

  ellipse(152+b,557,65,45);

  pop();

  //body-lower

  push();

  fill(220,190,0);

  ellipse(230,350,240,270);

  fill(225,190,0);

  ellipse(230,370,240,200);

  fill(220,190,0);

  ellipse(230,390,240,200);

  noFill();

  stroke(200,160,0);

  strokeWeight(5);

  bezier(110,350,120,370,320,370,350,350);

  bezier(110,410,120,430,320,430,350,410);  

  bezier(200,250,150,300,140,420,200,485);

  bezier(260,250,300,300,300,420,245,488);

  pop();

  //body-upper

  push();

  rotate(TWO_PI*19/20);

  noStroke();

  fill(222,50,0);

  ellipse(150,250,110,80);

  fill(220,150,150);

  rect(100,250,70,70,5,5,5,5);//cloth

  triangle(100,270,200,230,170,300);

  rotate(TWO_PI*2/30);

  fill(222,50,0);

  rect(187,165,20,80,5,5,5,5);//ARM

  ellipse(280,155,20,40);

  rect(270,150,20,90,5,5,5,5);//ARM

  pop();

  push();

  noFill();

  bezier(172,260,185,330,190,330,250,266);

  stroke(222,50,0);

  strokeWeight(20);

  bezier(172,260,185,330,190,330,250,266);

  quad(187,318,184,319,184,322,187,319);

  pop();

  //eyes

  push();

  translate(200,0);

  rotate(TWO_PI/18);

  fill(200);

  noStroke();

  strokeWeight(0.5);

  ellipse(10,110,15,r);

  fill(0);

  ellipse(11,110,10,r);  

  pop();

​

  push();

  translate(0,0);

  rotate(TWO_PI*17/18);

  fill(200);

  ellipse(160,170,15,r);

  fill(0);

  ellipse(161,170,10,r); 

  pop();

  //nose

  push();

  fill(225,225,225,110);

  triangle(190,115,185,125,190,125);

  noFill();

  stroke(160,0,140);

  bezier(180,133,185,133,190,133,200,136);

  pop();

  if (mouseIsPressed){

    r=1

  }else{

    r=10

  }

}

  /*

  function:

  1.triangle(color, startX, endY)

  2.

  */

  //fur

​

function fur1(posX,posY,col){

  x1=posX;

  y1=posY;

  cl=col;

  let a=1;

  let c=4;

  let d=15;

  let e=17;

  fill(cl);

  bezier(x1,y1,x1-a+1,y1+c+2,x1-4*a,y1+4*c,x1-d,y1+e);

}

​

function fur2(posX,posY,col){

  x1=posX;

  y1=posY;

  cl=col;

  let a=1;

  let c=4;

  let d=15;

  let e=17;

  fill(cl);

  bezier(x1,y1,x1+a+1,y1+c+2,x1+4*a,y1+4*c,x1+d,y1+e);

}

​