let isDrawing = false;

let tool = "brush";

let emojis = ["😀", "🎨", "✨", "❤️", "🌟", "🎉"];

let randomEmoji = "";

​

function setup() {

  createCanvas(800, 600);

  background(255);

​

  // Brush and Eraser 

  createButton("Brush Tool").mousePressed(() => (tool = "brush"));

  createButton("Eraser Tool").mousePressed(() => (tool = "eraser"));

  createButton("Random Emoji Tool").mousePressed(() => {

    tool = "emoji";

    randomEmoji = random(emojis);

  });

​

  // Clear 

  createButton("Clear Canvas").mousePressed(() => background(255));

  // Color picker

  createDiv("Choose Color");

  let colorPicker = createColorPicker("#000000");

  colorPicker.input(() => (currentColor = colorPicker.value()));

}

​

function draw() {

  if (isDrawing) {

    if (tool == "brush") {

      stroke(currentColor);

      strokeWeight(5); //brush size

      line(mouseX, mouseY, pmouseX, pmouseY);

    } else if (tool == "eraser") {

      stroke(255);

      strokeWeight(5); //eraser size

      line(mouseX, mouseY, pmouseX, pmouseY);

    } else if (tool == "emoji") {

      textSize(20); //emoji size

      text(randomEmoji, mouseX, mouseY);

    }

  }

}

​

function mousePressed() {

  isDrawing = true;

}

​

function mouseReleased() {

  isDrawing = false;

}

​