I’ve been experimenting a lot with Rive and wanted to figure out a way to drive animation based on cursor proximity.

Couldn’t really find a proper tool for this, so I built my own “proximity sensor”. And while I was testing this out with my project, I also ended up doing something that is only possible with Rive.

The challenge was to combine the proximity based eye opening with blinking animation. The opening of eyelids is based on how far the cursor is from the eye. And the blinking happens at random intervals (and sometimes more than once). How do I combine both?

The solution was to use animation layers. It’s a feature in Rive that allows setting up multiple channels of animations and interactions which run simultaneously. And then Rive blends all the animations, based on all the interactions. It’s honestly wild watching all this happen behind the scenes.

Anyways, hope you enjoy this odd and kind-of-creepy… thing.


#rive #motiongraphics #interactivemotion #uianimation