What’s up with the long faces?
Friendly reminder to not put your face on Unsplash (whoever this is, I am so sorry) 😬
Built in p5.js on a fisheye distortion grid.
- Draw a grid of cells
- Cell size is determined by the distance from the mouse (closer = larger)
- Get center point of each individual col and row
- Normalize distance from center points to mouse from 0 to 1
- Add exponential falloff to this distance (Guassian bell curve) to get the smooth fisheye scaling
- Use either col size or row size (whichever is smaller) to scale the letters
- Then the added smoothing does all the rest
2026