Clickable Text



Clickable Text


This sketch creates text that opens a link when you click it. The textWidth(), textAscent(), and textDescent() give you the width and height of a string, which you can use to calculate the bounding box of the text. Then you can check whether the mouse is inside that box, which is what the isMouseInsideText() function does.

Black Lives Matter

Remix Ideas

  • Show the bounding box around the text.
  • Try different fonts and styles.
  • Add a link to your portfolio page in your sketches.

Input Examples