Dynamic Interactive Character Animation Using Rive State Machine

Dynamic Interactive Character Animation Using Rive State MachineDynamic Interactive Character Animation Using Rive State Machine

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Dawood Hassan

• 1d

Jumper — Interactive Rive State Machine

Hi everyone! Here is my submission for the Rive x Contra Challenge. I designed and animated a character that transitions dynamically between a grounded idle state and a flying loop.

How it works:

Idle State: The character rests in a continuous looping idle animation.

Flight Transition: Using a custom State Machine, I created a seamless transition from idle to fly.

The Logic: The animation is driven by a boolean input (isFlying). When triggered, the character lifts off, completes the flight cycle, and smoothly returns to the ground loop.

Check out the screen recording above to see the interactive state machine behavior in action!

Rive Animation Rive characterchallenge

FutureForm Studio

pro

• 14h

Great

Brynjar Palsson

• 2d

"One person’s miserable rainy day is another person’s perfect cozy afternoon." This is my entry for the Rive Character Challenge. AtmoPals reimagines traditional weather UI by transforming standard meteorological icons into living, breathing characters deeply integrated into the user experience. Instead of static symbols or isolated looping animations, the AtmoPals are fully reactive to both real-time environmental data and personalized user preferences.

characterchallenge Rive

FutureForm Studio

pro

• 14h

Great

Marvin Te

pro

• 2d

Creating this mini game within 2 weeks for the @Rive x Contra Interactive Character Challenge was indeed.... a challenge. Glad that they extended it. We were able to polish up a bit and added a mobile experience. Test the experience here: https://www.plainlysimple.studio/moomin-rive-game (This now works for both desktop and mobile) Latest embed links: Desktop version - https://rive.app/s/hnOTsHaaQ0OiVwecv20kLw/embed?runtime=rive-renderer Mobile version - https://rive.app/s/sPxWKatapUucTG_m1uw2zA/embed?runtime=rive-renderer This isn't perfect, and I wish we had more time to add more interactions, polish more, and add more mechanics, but given that we finished this within 2 weeks, I'm super proud of what my team and I have accomplished. This was made possible because of Rive's features and approach. Rive's joysticks, constraints (which allow switching between user control and animation control over the character easily), and state blending (such an underrated feature in my opinion), all made the character feel alive. The AI agent helping with the game's logic and mechanics was super helpful. To make the character feel alive, a delayer script plugged to the cursor tracking was necessary (again with the help of the agent).

characterchallenge Rive characteranimation

Ashley Best

pro

• 21h

Woah! This must have been a huge amount of work. Really well done Marvin!

Dániel Lehoczky

• 2d

Hi! This is my second entry for the Rive Character Challenge. This wolf character was a previous project of mine, a personal exploration of what Rive can do with character interaction. I handled the full process — from initial sketches and reference gathering through illustration, colour variations, rigging, and final animation in Rive. The result includes cursor-following head movement, click animations, and a structured state machine that keeps all the interaction states clean and manageable. An alternative version pushes the dynamics further with a more exaggerated cursor follow and a snappier click response. Try out yourself: https://demo.lupian.studio/#/play/wolf-character see full project: https://contra.com/p/gZL3rbPm-interactive-wolf-character?r=daniel_lehoczky

characterchallenge Rive characteranimation