Richard

Select an animation to play on a display in my apartment. How this works ↓

waving hand

wave

wave animation on dot matrix
waving hand

poke

wave animation on dot matrix
waving hand

tickle

wave animation on dot matrix
waving hand

pinch

wave animation on dot matrix

About Nudge

Nudge was conceived as a way for people to communicate anonymously through animations on an LED matrix. It’s a way to let someone know you’re thinking about them without demanding a reply. Especially during these challenging times, Nudge is meant to remind people that they are not alone, that someone out there is thinking of them.

How this works

When you entered this URL (www.richardfxr.com/nudge), an AWS ↗ server responded to your request with the HTML file ↗, while the CSS file ↗ was retrieved through a reverse proxy ↗ that connects to my local server. When you click on one of the animation cards above, some JavaScript ↗ sends a PUT HTTP request ↗ to the Adafruit IO API ↗ using AJAX ↗. My Adafruit Matrix Portal ↗, a microcontroller board that is connected to an LED matrix, then plays one of the pre-programmed animations based on the data it retrieves from the API.

Limitations

Since the Adafruit Matrix Portal only checks the API once per loop, animations might be skipped if multiple users are updating the API within seconds of each other.

More

Typefaces used:
Rubik by Hubert and Fischer, Meir Sadan, and Cyreal ↗
Manrope by Mikhail Sharanda ↗

Special thanks to Majed Bou Ghanem, Zhuoyan Xie, and Spaceinvader One ↗

Don’t worry, I do not track your IP or collect your data like those big tech companies. This page does not use cookies.

Like my work? You can find more of it on Instagram ↗ and Behance ↗. My personal website ↗ is currently being redesigned but it should be ready in a few weeks.