Interactive Text Experiments

I took an experimental type class at superhi and made these cool interactive text projects with p5js.


With this first one, you can type different words or use the range sliders to change the speed, y-axis, or x-axis distortions. It could be cool to collect a user’s name and welcome them to a site dynamically. Maybe the distortion could change depending on, say, the time of day?

This one is a little more interactive, the text distorts responding to the mouse’s x-axis position. I could see this as a response to a mouse hover over a CTA, or small modal. It would be cool to see a huge animation as a reaction to a small action.