//tc 1 2

    //Una b

    //Leila c

    //jason j

    //eaden e

    //anora-p

    //Doris-s

    //Nightray--t

    //younghyun k

    //ALLEN!! a

    //Stella --l

    //Irene -- g

    //MJ q

    //Christy -- o

    //Zhiyi--z

    //elaine y

    //Jiarui q,n

    //mia m

    let img;

​

    function preload() {

      name = "";

    }

    function setup() {

      createCanvas(800, 500);

      background("yellow");

      img = loadImage("assets/emoji.png"); // Load the image

    }

    function draw() {

      drawName();

      let sizet = map(mouseX, 0, width, 10, 100); //nightray

      let rt = map(mouseX, 0, width, 0, 255); // nightray

      let gt = map(mouseY, 0, height, 0, 255); // nightray

      let bt = map(mouseX, 0, width, 255, 0); //nightray

​

      push();

      if (key == "1") {

        name = "tc1";

        fill("black");

        circle(mouseX, mouseY, 50);

        fill("white");

        circle(mouseX, mouseY, 30);

      } else if (key == "2") {

        name = "tc2";

        fill("blue");

        square(mouseX, mouseY, 20);

      } else if (key == "q") {

        name = "jr1";

        stroke("GoldenRod");

        line(mouseX, mouseY, mouseX + 15, mouseY + 15);

        strokeWeight(8);

      } else if (key == "n") {

        name = "jr2";

        image(img, mouseX, mouseY, width / 100, img.height / 100);

      } else if (key == "l") {

        name = "stella";

        fill("purple");

        circle(mouseX, mouseY, 60);

        fill("bule");

        circle(mouseX, mouseY, 90);

      } else if (key == "c") {

        name = "Leila";

        fill(185, 83, 213, 180);

        noStroke();

        const distance = dist(mouseX, mouseY, pmouseX, pmouseY);

        const midX = (mouseX + pmouseX) / 2;

        const midY = (mouseY + pmouseY) / 2;

        circle(midX, midY, distance);

      } else if (key == "q") {

        name = "MJ";

        fill("#ED848C");

        circle(mouseX, mouseY, 30);

      } else if (key == "j") {

        name = "jason";

        fill("#797979");

        noStroke();

        circle(mouseX + random(1, 5), mouseY + random(1, 5), 2);

        fill("#494949");

        noStroke();

        circle(mouseX + random(1, 5), mouseY + random(1, 5), 2);

        fill("#CFCFCF");

        noStroke();

        circle(mouseX + random(1, 5), mouseY + random(1, 5), 2);

      } else if (key == "y") {

        name = "elaine";

        fill("#7ac9a6");

        noStroke();

        square(mouseX, mouseY, 30);

      } else if (key == "g") {

        name = "irene";

        fill("#A6CB68");

        noStroke();

        ellipse(mouseX, mouseY, random(20, 60));

        rect(mouseX, mouseY, random(20, 50), random(30, 60));

        text("pp", mouseX + random(50), mouseY + random(70));

      } else if (key == "o") {

        name = "christy";

        fill(20, 100, 35, 60);

        rect(mouseX, mouseY, 20, 40);

      } else if (key == "p") {

        name = "anora";

        fill("#FFB4CF", random(10, 100));

        nostroke();

        circle(mouseX, mouseY, 80);

        circle(mouseX - 60, mouseY - 30, 30);

        circle(mouseX + 60, mouseY - 30, 30);

        circle(mouseX + 20, mouseY - 60, 30);

        circle(mouseX - 20, mouseY - 60, 30);

      } else if (key == "s") {

        name = "Doris";

        fill("#6A70BE");

        square(mouseX, mouseY, 20, 20);

        fill("black");

        circle(mouseX, mouseY, 20);

        text("yasaxi", mouseX, mouseY);

      } else if (key == "t") {

        name = "Nightray";

        fill(rt, gt, bt);

        noStroke();

        ellipse(mouseX, mouseY, sizet, sizet);

        text("🚩", mouseX, mouseY + 50);

        text("🔥", mouseX + 50, mouseY + 50);

        text("🔥", mouseX - 50, mouseY - 50);

        text(" leave me alone!🐈", mouseX, mouseY - 50);

        text("🐾", mouseX + 20, mouseY);

        text("🐾", mouseX - 20, mouseY);

      } else if (key == "k") {

        name = "yh";

        fill("skyblue");

        noStroke();

        rect(mouseX, mouseY, random(10, 100), random(10, 100));

      } else if (key == "m") {

        name = "mia";

        fill("#a429a6");

        noStroke();

        ellipse(mouseX, mouseY, 30, 30);

        textSize(20);

        text("hungry🍔now", mouseX, mouseY);

      } else if (key == "b") {

        name = "Una";

        noStroke();

        fill("pink");

        circle(mouseX, mouseY, random(10, 40));

      } else if (key == "a") {

        //>uwu<

        name = "Allen";

        fill("#FFF8DC");

        circle(mouseY, mouseX, map(mouseX, 0, 500, 0, 1000));

      } else if (key == "z") {

        name = "Zhiyi";

        let colorX = map(mouseX, 0, width, 0, 255);

        let colorY = map(mouseX, 0, height, 0, 255);

        stroke((colorX + colorY) / 2);

        strokeWeight(5);

        fill(colorX, colorY, (colorX + colorY) / 2);

        textSize(100);

        text("😳ha🥵ha😍ha😭ha😮ha🤯ha🙀", mouseX, mouseY);

        square(mouseX + random(-10, 10), mouseY + random(-10, 10), random(10));

        circle(mouseX + random(-10, 10), mouseY + random(-10, 10), random(10));

      } else if (key == "e") {

        name = "eaden";

        let c1 = random(0, 255);

        let c2 = random(0, 255);

        let c3 = random(0, 255);

        fill(c1, c2, c3, 90);

        textSize(90);

        text("BET", mouseX, mouseY); //eaden

      }

      pop();

    }

​

    function drawName() {

      textAlign(LEFT, TOP);

      textSize(50);

      rect(50, 50, textWidth(name), 50);

      text(name, 50, 50);

    }