CP2: Text on Circle – Interactive Typography
While we use straight text in most cases, sometimes you want to make things a little more exciting! This example shows how to create text on a circle but comes with a caveat: it doesn't maintain the fancy letter-spacing that we'd get with normal text (since kerning is ignored).
Circles are easy, more complex curves and other shapes will require a lot more math, so we'll skip that here :)
👩💻 https://editor.p5js.org/jeffThompson/...
ALL THE VIDEOS IN THIS UNIT
🎥 https://editor.p5js.org/jeffThompson/...
CHALLENGES
❓ Can you have the letters change color as they go around the circle? (Hint: use lerpColor)
❓ Can you make this interactive by mapping the mouse position to startAngle and distanceAngle?
❓ Or can you make the entire circle rotate slowly? Or animate the radius changing over time?