createCanvas(400, 400);

  setGradient(0, 0, width, height, color(255, 182, 193), color(255, 228, 225)); // Gradient background

  drawHelloKitty();

}

​

function drawHelloKitty() {

  noLoop();

  noStroke();

​

  // Draw face

  fill(255); // White color

  ellipse(200, 200, 180, 180); // Head

​

  // Draw ears

  fill(255); // White color

  ellipse(120, 130, 70, 70); // Left ear

  ellipse(280, 130, 70, 70); // Right ear

​

  // Add inner ear color

  fill(255, 228, 225); // Light pink color

  ellipse(120, 130, 50, 50); // Left inner ear

  ellipse(280, 130, 50, 50); // Right inner ear

​

  // Draw eyes

  fill(0); // Black color

  ellipse(170, 200, 22, 22); // Left eye

  ellipse(230, 200, 22, 22); // Right eye

​

  // Draw nose

  fill(255, 204, 0); // Yellow color

  ellipse(200, 230, 22, 18); // Nose

​

  // Draw mouth

  stroke(0);

  strokeWeight(2);

  noFill();

  arc(200, 245, 50, 25, 0, PI); // Mouth

​

  // Draw whiskers

  stroke(0);

  strokeWeight(2);

  line(100, 200, 50, 190); // Left whisker 1

  line(100, 210, 50, 210); // Left whisker 2

  line(100, 220, 50, 230); // Left whisker 3

​

  line(300, 200, 350, 190); // Right whisker 1

  line(300, 210, 350, 210); // Right whisker 2

  line(300, 220, 350, 230); // Right whisker 3

​

  // Draw bow

  fill(255, 0, 0); // Red color

  ellipse(200, 130, 100, 50); // Center part of the bow

  ellipse(150, 130, 50, 50); // Left part of the bow

  ellipse(250, 130, 50, 50); // Right part of the bow

​

  // Draw bow details

  fill(255, 0, 0); // Red color

  ellipse(200, 130, 80, 40); // Center part of the bow (overlapped)

  fill(255, 0, 0); // Red color

  ellipse(150, 130, 40, 40); // Left bow loop

  ellipse(250, 130, 40, 40); // Right bow loop

​

  // Draw shoulders

  fill(255); // White color

  beginShape();

  vertex(140, 280); // Left shoulder

  vertex(260, 280); // Right shoulder

  vertex(240, 340); // Right side of shoulder

  vertex(160, 340); // Left side of shoulder

  endShape(CLOSE);

​

  // Draw shoulder details

  fill(255, 228, 225); // Light pink color

  ellipse(140, 290, 60, 30); // Left shoulder

  ellipse(260, 290, 60, 30); // Right shoulder

}

​

function setGradient(x, y, w, h, c1, c2) {

  noFill();

  for (let i = y; i <= y + h; i++) {

    let inter = map(i, y, y + h, 0, 1);

    let c = lerpColor(c1, c2, inter);

    stroke(c);

    line(x, i, x + w, i);

  }

}

​