Happy Coding

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.

This is a companion discussion topic for the original entry at https://happycoding.io/examples/p5js/input/clickable-text