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
The project was born at the end of 2023, when I was just getting to know Rive and wanted to dig deeper into interactive animation. I wanted a concept that brought together both the visual and the logical sides of the work.
That led me to visualize the “no third option” principle, which is often used to illustrate the choice among three interconnected factors in different areas.
As a visual metaphor for this concept, I chose a car: its design makes the underlying state easy to read. The shape of the body, the color, and the style — all of these elements let the viewer instantly grasp which option is being presented, without any explanation.
You can take a peek under the hood of this car and see how everything works and is set up — https://rive.app/community/files/27032-50871-hard-choice/
And also the full case study on Behance with WIP — https://www.behance.net/gallery/226679095/HARD-CHOICE-(INTERACTIVE-RIVE-PROJECT
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
Related posts
We all use file transfer services like WeTransfer or SwissTransfer daily, but the experience is often quite austere.
For the #RiveChallenge, I wanted to inject some fun and original interaction into this mundane step.
The Concept The goal was to create the sensation that there is a character behind the screen, as if the user is looking through a window with a plunging view into a tech-colored environment.
The interaction transforms a simple loading bar into a playful moment.
Technical Process & Challenges To achieve the specific visual style and interaction, I had to push the technical capabilities of Rive:
Custom Strokes: I built tapered strokes directly using Luau scripts to get the desired organic look that standard strokes couldn't provide.
Advanced Scrolling: The interaction required a custom scroll model with more options than the default, which also had to be handled via Luau scripting.
From 2D Rough to Final A significant part of my process involved creating a 2D rough animation in Animate first. This was crucial to validate the system mechanics and get a quick preview of the motion, similar to an animation film pipeline.
Initial Concept: During creation, I explored using the scroll system for micro-narratives (where each scroll tells a small story about the character falling, etc.). While this is a feature for a larger future project, I stuck to the initial interactive concept for this challenge.
Refinement: The 2D rough served as the guideline for the final keyframing work in Rive.
Try it out Here !
I hope you enjoy this concept as much as I enjoyed building it. I invite you to test the interaction and have fun with it.
(Optional: You can see the 2D rough version that guided the keyframes here: https://rive.app/s/EJWSVx8gUUakzES_Aok5uA/?runtime=rive-renderer)
#RiveChallenge #InteractionDesign #Luau #MotionDesign #UX #Animation
so sick!! 🔥
We landed more than 10 character projects in the last year, earning a dedicated spot for this in our Rive services.
Submitting an entry for the current @Rive X @contra #characterchallenge, with this reel showcasing our favorite characters so far and some behind-the-scenes.
Kudos to @Junior Fonseca and @YERANDY | DSpot for being part of these amazing results!
Great job
This is Bob, a fully interactive Rive character who decided to register himself in the Rive Interactive Character Challenge :)
For this project, I handled the vectorizing, rigging, animation, and the full state machine architecture: visemes mapped to speech, expressions, triggers, and outfit swaps, all built to scale from a single .riv file.
Bob lives inside the Ctuber app. You type a script, tag the animations with a few buttons, and the app builds the full talking video on its own, AI voiceover included. Type something different, and he reacts differently. The app was built by the Ctuber team, and they were kind enough to let me use it to produce some of these videos.
Funny how a challenge makes you finish something you'd been sitting on. Glad this one did.
Play with Bob live: https://rive.app/marketplace/28111-53105-bob-lip-sync-character-system-in-rive/
The product: https://ctuber.ai/
Bob is getting after it
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?