CP2: Text to Points (the easy way) – Interactive Typography
What if we want to transform our text into different shapes? Or if we want the letters to have physics or other cool effects applied to them? There are a few ways we might approach this, but the easiest is to simply draw the text onscreen, then look at the pixels to see if a letter is present in a particular spot or not!
Inspired by "Aggregate Drawing" by Amnon Owed: https://github.com/AmnonOwed/CAN_Gene...
👩💻 https://editor.p5js.org/jeffThompson/...
ALL THE VIDEOS IN THIS UNIT
🎥 https://editor.p5js.org/jeffThompson/...
CHALLENGES
❓ Play with the parameters here and see how those changes affect the overall look and feel of the sketch! Try dot size, the shape that's drawn, and the amount of distortion as a starting point
❓ Can you make the shapes rotate as they distort too? Don't use circles though, duh :)
❓ Since randomSeed(0) keeps the randomness exactly the same, when the letters become spread out the result is always the same. Can you come up with a way to change that seed value when a certain condition is met?
SEE ALSO
💡 The next example (the "hard way") shows how to get points from the outline of a text!