Rive Interactive Animation
Rive allows me to combine animation with interactivity to create motion that responds in real time. I enjoy experimenting with its tools to build playful, engaging experiences while expanding my skills in interactive design.
Warning! Please allow the page to fully load. It may take a minute for the website to properly handle all the awesomeness.
This project explores simple icon animations built in Rive with hover and click interactions. Each icon responds with subtle motion designed to provide clear visual feedback while keeping the interactions light and playful. The goal was to experiment with micro-interactions and see how small movements can make a UI feel more responsive and engaging. It also served as practice for building interaction logic directly within Rive.
This interactive character responds to user movement by tracking the cursor with its eyes and head when it enters the hit area. Clicking the character triggers a high-five animation paired with a slap sound effect. This project was a practice in building more complex interactions and character responsiveness using Rive state machines.
This interactive animation was created in Rive to explore motion control and user-driven interaction. A bouncing ball moves continuously across the screen while a draggable grip allows users to reposition the ball’s path in real time. Additional controls at the bottom allow the user to adjust the ball’s frame rate, demonstrating how animation timing can change the feel of motion. This project served as an exercise in combining animation with interactive controls and responsive state logic.
This project features a stack of abstract shapes balancing on top of one another in a simple interactive scene. With each click, the shapes randomly change their size and form, creating a new visual composition every time. Built entirely in Rive, the piece was designed to explore the platform’s randomizing state machine and experiment with dynamic generative motion.
Click the water to create ripples.
This interactive lake scene was created as the original header for my portfolio. When users click the water, ripples spread outward across the surface, creating a simple but engaging interaction. The project focuses on subtle motion and environmental feedback, demonstrating how small interactive details can make a digital experience feel more alive.
This interactive scene was originally created as a “Website Under Construction” header while I updated my portfolio. A paint brush animates across the wall while a paint bucket rests on the floor, setting the stage for the concept. When the cursor hovers over the bucket, an additional interaction is triggered, adding a playful moment of discovery. The project was built in Rive to explore simple environmental animation and hover-based interactions.
