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
Making a Progress Bar More Exciting
I created an animated progress bar and reward system designed to make the journey towards a gift feel more exciting and engaging, rather than just showing a static progress bar.
I added different states for the gift, including Halfway, 1 Day Away, and Ready, along with particle and gleam effects to give players a sense of progress and anticipation.
I also made the system flexible and configurable. Using Rive’s Formula Converter, we can adjust the number of checkpoints per round and days per checkpoint to configure the meter for different scenarios.
The gift state and progress bar animation can also be automatically controlled by the completed day, allowing the animation to respond dynamically to the player’s progress.
A great combination of animation, interaction, and Rive logic to make progression feel more rewarding.
Give it a try 👉 https://rive.app/s/h-knEDf7fE6B_P8HT7eYkA/?runtime=rive-renderer
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
Rive animations for CTO Bees: a never-repeating hero loop of bees around a hive and a scroll-driven Services scene that transitions smoothly both ways.
Two Rive builds, two different tricks under the hood.
Juno: one mouth path keyed into 12 visemes. Firefly Jar: every sprite is its own artboard, driven by a Luau script.
Which one should I break down step by step next?
1 vote
Ends in 17m
@Rive eye rig setup using Claude and Rive MCP.
While trying to get into the Rive CLI, I stumbled upon Rive MCP and thought I should at least try that before getting into the CLI. And MCP, together with Claude, sure is a powerful tool.
This rig, while simple as it may look, is actually complex to set up. The face joystick controls where the character is looking at: front view, quarter view to the left, quarter view to the right, look up, look down. And at each of those angles, the shape of the eye changes due to a change in perspective. The eye joystick controls the eye direction, and depending on where it's looking, the eyelids would also slightly move. Pair all of that with a blink control, which again needs to control the same shape.
And if you've rigged a character before, you would know how tedious it is to achieve something like that.
This is for the singing girl project I posted a few months back, and I've been putting this off due to the complexity.
I know the structure of the rig; I know how to do it; it's just that it would take a very long time to set up.
Come in, Claude + Rive MCP. I've prompted Claude with some context, and then gave instructions on how I would do it exactly, like create root bones to the exact position of the points, have the handles get their own root bones as well, then put those in a group, add transform constraints, create timelines, joysticks, etc. I've even asked it to create a script so I can execute it via the terminal (I can repeat the process without burning credits).