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
• 6h
Meet Sol,Â
my entry for Rive x Contra interactive character challenge.Â
Sol is a data-driven and interactive Weather Dashboard.
Sol reacts to live data inputs - temperature, windspeed, precipitation and weather state (cloudy, rain, heavy rain etc.) influence his emotions and behaviors.
He gets happy, sad, relieved and scared - depending on the mix of those data inputs. Those data points also influence his surrounding. Rain, Snow or Hail get thicker as precipitation rises.Â
As the Wind gets stronger you see a visual representation of the flowing air and rain starts to fall at an angle.Â
If it gets really stormy you might see Sol having a hard time staying in place.Â
Temperature directly influences Sol's color and behaviors - if temperatures drop low you see him turning blue, his lips start to shake and if it's really cold his whole body will start shaking. As it gets hotter his color changes to orange and red, he will start to sweat and if it gets too hot you will see him start panting.Â
During the day he is a quirky fella, but if it turns night he will have trouble staying awake and fall asleep after a few seconds - you will always be able to wake him up but he will go back to sleep if you don't move your mouse.Â
There is also a 7-day forecast he will react to.Â
Sol is now live on our website and linked up to worldwide weather data - feel free to enter your hometown to see how Sol would feel there.Â
Or (if you're up for adventure) try the „surprise me" button and travel to random places all over the world. Sol will have a look at your actions if you choose to hover over that one - he is very curious.Â
One final thing — if you enjoy Sol's company, he is up for a game.Â
Click on Sol to start a mini game where you have to catch rising bubbles. If you manage to catch more than 80% you will reach the next (a bit more difficult) level. There are 11 of them waiting for you.
Creating Sol was a lot of fun and a nice learning experience.Â
Setting up the data-driven emotion system that mixes emotions for eyes, pupils, mouth shape, mouth movement, face movement and body movement depending on different data points. Connecting everything via data binding, creating custom scripts and converters for additional functionality and hooking everything up to an API (with last-minute ideas like the „surprise me" button and Sol's behavior when you use it) was a lot of fun.Â
Try the real world data-driven version here: https://www.treetop.at/sol
Or look a bit more under the hood: https://rive.app/s/1ErADmKwg0_PAbOqW75XYQ/?runtime=rive-renderer
Let me know what you think of Sol — what other features would have been fun?
That's so much fun to watch! 🙌
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
I built an assistant character in Rive that's wired into the product's actual state — not a loop on top of the UI, but a face that responds in real time. It blinks and breathes while idle, leans in the moment you start typing, jumps when the answer lands and winces when something goes wrong.
Every expression is driven by data binding, so the character mirrors what the assistant is actually doing — part of the product, not a sticker on top of it.
Built with @rive_app
Try it live 👉 https://rive.app/community/files/28088-53050-ai-orb-mascot/
How hot is too hot for a ginger?
Currently working on a submission for the Rive x Contra Character Challenge. Building off an old idea, simply type in a city, and the animations will be changed based on that. Then you'll know how hot a ginger will get!
And guess what? This respects Reduce Motion setting in your OS*. I'm very glad to get this feature in, and it was really straightforward to set up.
The plan will be to link up with a weather API and the whole thing will run live on a website sometime in the near future.
For now, last few days to push and polish this!
*once it runs on a website and not solely in Rive
Entering Somying into the Rive Interactive Character Challenge!
Somying is a project I've been building over time — not just a character that plays an animation and calls it a day, but one with her own little world that users can actually interact with.
Inside the room, everything is designed to be interactive — from clicking and dragging to gamepad support, with real-time clock references that automatically shift the room's atmosphere from day to night.
The character, animations, and all interactive systems are built entirely in Rive. The code side was developed with AI assistance to handle the integration and communication with Rive.
Give it a try
https://ani1port-interactive.framer.website/
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?