var y;

var a;

var b;

var s, q, s2, q2;

var pos, speed;

var m;

var t;

var n;

​

function setup() {

  createCanvas(400, 400);

  x= 180;

  y= 163;

  a=222;

  b=163;

  t=0;

  n=0;

  m=10;

}

​

function draw() {

  background(220);

  strokeWeight(3)

  //cat starts

    //tail

  fill(192);

  ellipse(m + 150, 80, 15, 150);

  // m=m+1

  // if ((pos > width) || (pos < 0))

  if(mouseX>150&&mouseX<400&&mouseY<300&&mouseY>150) {

    m = -m;

  } else

   pos+= m;

​

  //ears

  fill(192)

  triangle(80, 60, 140, 100, 90, 170)

  triangle(320, 60, 310, 160, 190, 170);

  //

  fill(255, 202)

  rect(0, 260, 400, 300)

  strokeCap(ROUND);

  strokeWeight(4)

  //ears

  fill(192)

  triangle(80, 60, 140, 100, 90, 170)

  triangle(320, 60, 310, 160, 220, 140);

  //body

  strokeWeight(4)

  fill(192)

  ellipse(202, 350, 300, 400)

  //collet

  fill(51, 153, 221)

  ellipse(200, 200, 210)

  fill(255, 202, 2)

  ellipse(204, 320, 25)

  //head

  fill(192)

  arc(201, 180, 220, 220, 0, PI * 2);

   //nose

  strokeJoin(ROUND);

  fill(255, 204, 229, 130)

  quad(180, 175, 220, 175, 206, 197, 195, 197)

  point(230, 190)

  point(220, 190)

  point(225, 200)

  point(175, 190)

  point(170, 200)

  point(183, 195)

   //mouth

  line(193, 198, 170, 220)

  line(209, 198, 230, 220)

  //lefTmustache

  strokeWeight(2)

  line(160, 193, 52, 170)

  line(160, 199, 50, 200)

  line(160, 205, 60, 230)

   //rightMustche

  line(240, 193, 353, 170)

  line(240, 200, 358, 200)

  line(240, 206, 352, 225)

   //eyebrows

  strokeWeight(4)

  line(155, 140, 180, 120)

  line(220, 120, 240, 139)

   //EYES

   //eyes blink

    if (mouseIsPressed) {

    fill(192)

    ellipse(225, 155, 30, 50)

    ellipse(173, 155, 30, 50)

  } else {

    fill(204, 255, 255);

    ellipse(225, 155, 30, 50)

    ellipse(173, 155, 30, 50)

    fill(51, 153, 221);

    ellipse(x, y, 10);

    //ellipse(a, b, 10);

  }

  // eyes follow mouse

    x = 175;

    y = 163;

    ellipse(a, b, 10);

    s = (mouseX - x) / 20

    q = (mouseY - y) / 20

    x = x + s;

    q = q + s;

    a = 222;

    b = 163;

    // x= 190;

    // y= 163;

    s2 = (mouseX - a) / 20

    q2 = (mouseY - b) / 20

    a = a + s

​

​

​

​

  //cat end

  strokeWeight(3)

  fill(204, 153, 0)

  ellipse(t,n,70,50);

​

  fill(204, 255, 255);

  ellipse(t+18 ,n,15,15);

  t+=(mouseX-t);

  n+=(mouseY-n);

    //ear

  fill(204, 153, 0)

  ellipse(t+5,n-28,30,30);

    fill(204, 153, 0)

  ellipse(t+2,n-28,30,30);

  fill(0);

  ellipse(t+22,n,5,5)

​

​

}