let xCoordEyesRight; 

let xCoordEyesLeft; 

let xCoordWhiskRight;

let xCoordWhiskLeft;

let yCoordWhiskRight;

let yCoordWhiskLeft;

let starsMove; 

let planet1Move; 

let planet2Move;

let moonMove;

​

function setup() {

  createCanvas(500, 400);

  frameRate(3)

}

​

function draw() {

  print(mouseX + "," + mouseY);

  background('#0A1242');

  //the moon

  fill ('#F3F3F3');

  noStroke();

  moonMove = random(20);

  ellipse(400,100,125,125);

  fill('#0A1242');

  noStroke ();

  ellipse (370+moonMove,100, 125, 125);

  //the stars

  starsMove = random(10);

  fill ('#F3F3F3');

  noStroke();

  ellipse(50+starsMove, 50, 3, 3);

  ellipse(125, 90, 5, 5);

  ellipse(200-starsMove, 30, 3, 3);

  ellipse(225, 100, 5, 5);

  ellipse(30+starsMove, 150, 3, 3);

  ellipse(175, 150, 5, 5);

  ellipse(320-starsMove, 200, 4, 4);

  ellipse(100,200,5,5);

  ellipse(250+starsMove,260,3,3);//

  ellipse(330,345,4,4);

  ellipse(400-starsMove,270,3,3);

  ellipse(330, 100, 3, 3);

​

  //main planet

  fill('#9E9E9E');

  noStroke();

  ellipse(100,400,350,300);

  fill('#A3A3A3');

  noStroke();

  ellipse(100,400,320,310);

  //other planets 

  strokeWeight(1);

  fill('#607D8B');

  noStroke();

  ellipse(85,110,50,50);

  fill('#FFC107');

  noStroke();

  ellipse(85,110,30,30);

  noFill();

  planet1Move = random(10);

  stroke('#60747E');

  ellipse(85,110,80+planet1Move,20);

  fill('#795548');

  noStroke();

  ellipse(400,350,30,30);

  noFill();

  stroke('#CDDC39');

  planet2Move = random(20);

  ellipse(400,350,50+planet2Move,10);

  planet2Move = random(20);

  ellipse(400,350,10,50+planet2Move);

​

  //hair

  fill('#471706');

  noStroke();

  ellipse(145,277,150,150);

  fill('#A3A3A3');

  rect(90,330,110,30);

  //head

  noStroke();

  fill('rgb(201,139,76)');

  circle(145,270,98);

  //hair bangs

  fill('#471706');

  noStroke();

  ellipse(125,230,50,40);

  ellipse(167,230,50,40);

  //neck

  fill('rgb(201,139,76)');

  quad(125,310,165,310,175,370,115,370);

  //body

  fill('rgb(201,139,76)');

  quad(115,350,175,350,275,410,15,410);

  fill('#A3A3A3');

  rect(0,350,60,50)

  rect(230,380,27,50)

  //texture of moon 

  fill('#726D6D');

  noStroke();

  ellipse(50,300,25,20);

  ellipse(220,350,15,10);

  ellipse(20,370,12,10);

  //lips

  fill('rgb(178,33,33)');

  noStroke();

  ellipse(145,295,19,9);

  fill('rgb(201,139,76)');

  noStroke();

  triangle(145,295,190,250,100,250);

  //eyes

  fill('rgb(252,248,248)50)');

  ellipse(128.5,260,15,10);

  ellipse(160,260,15,10);

  xCoordEyesRight = random(126,132);

  xCoordEyesLeft = random(155,163);

  fill('rgb(12,12,12)');

  circle(xCoordEyesRight,260,9);

  circle(xCoordEyesLeft,260,9);

  //nose

  fill('rgb(180,125,68)');

  ellipse(145,277,10,14);

  //cheeks

  fill('#BA5C2C');

  circle(118, 280, 15);

  circle(170, 280.5, 15);

​

  //cat ears

  fill('#B86344');

  noStroke();

  triangle(99,222,115,211,93,201);

  triangle(173,212,191,220,194,199);

  //whiskers

  stroke('#3A1508');

  strokeWeight(1);

  line(128, 274, 112, 269);

  xCoordWhiskRight = random(107,112);

  xCoordWhiskLeft = random(178,182);

  yCoordWhiskRight = random(276,284);

  yCoordWhiskLeft = random(277,285);

  line(129, 279, xCoordWhiskRight, yCoordWhiskRight); //

  line(130, 286, 114, 291);

  line(162, 274, 175, 270);

  line(162, 280, xCoordWhiskLeft, yCoordWhiskLeft); //

  line(162, 287, 176, 291);

  //eyebrows

  stroke('#040100');

  strokeWeight(1);

  line(119, 253, 137, 251);

  line(153, 251, 168, 253);

  noStroke();

  //hair to frame face

  fill('#471706');

  noStroke();

  rect(94.25,242,10,70)

  rect(186,240,10,70)

​

  //tail

  xCoordinate = random(323, 353);

  stroke('#3A1508');

  strokeWeight(10);

  line(225, 386, 315, 325);

  line(313.5, 327, xCoordinate, 275);

  noStroke();

  //overlap shoulder

  fill('rgb(201,139,76)');

  quad(230,394,223,380,221,379,212,393);

  //clothes

  fill('#7C2709');

  triangle(147,400,118,352,90,400);

  triangle(173,351,208,400,147,400);

​

  //necklace

  fill('#F7EC91');

  quad(120.5,337,119,344,169,336,171,344)

  fill('#FFC107');

  circle(144,341,10)

  //helmet 

  noFill();

  stroke('white');

  strokeWeight(1);

  circle(146,269,200);

  fill('white');

  ellipse(160,180,20,10);

}