A small collection of interactive motion explorations built in Rive. Each study stays live on the page, so the pieces can be clicked, replayed, and explored instead of being flattened into static thumbnails.
These studies are embedded directly as Rive canvases. If a file has built-in click or hover behaviors, they remain active here. The control buttons are just there to make the page easier to explore.
Five interface icons, each built as its own artboard with a small state machine. Hovering brings an icon from a quiet outline into full colour; clicking plays a confirmation bounce. The heart goes further: it is a true favourite toggle that remembers its state and reports each change as a Rive event the product could listen to.
A character animation study exploring expressive motion and state-driven personality. The avatar reacts and shifts between states, making it a study in how personality can be encoded into motion.
A playful, click-driven piece where shapes change randomly after each interaction. Every click produces a different result, making it a fun exploration of randomness and state-machine-driven motion.
An interactive frame rate selector that makes the difference between FPS values tangible. Choose an FPS using the numbered buttons, then drag along the X axis to change the ball’s horizontal position and observe how motion responds at each frame rate.
Motion studies lose a lot when they are reduced to posters or exported videos. Keeping them interactive makes the page feel closer to the original intent.
Each study is rendered in its own canvas and resizes with the layout, so the experience works on desktop and mobile without turning into a cramped embed.
If you want, we can add captions about what each experiment was exploring, or surface named controls from the files if you want deeper interaction.