A weather mascot driven entirely by Rive's State Machine, one Enum View Model swaps Pip's mood, pose, and accessories per forecast, live, with no exported clips.
Full breakdown
Pip is a full interactive weather mascot built natively in Rive, meant to run as a live UI component, not a looping video.
At the core is a single State Machine with an Enum input, wired through a View Model, mapped one-to-one to real weather conditions: Sunny, Rainy, Snowy, Stormy, Clear Night. Flipping the enum re-poses Pip's body, face, and props in one clean transition, with no separate exported states to manage.
Behind the scenes
Legs are IK-rigged with Target Groups, giving him grounded weight shifts when he braces against wind or stomps through snow. Accessories: umbrella, scarf, sunglasses, swap through Solos tied to the same enum, no duplicate artboards required.
Delivered as a single lightweight .riv, wired for Data Binding, so any frontend (React Native, Flutter, Expo, or web canvas) can feed in live weather data, and Pip reacts in real time.
Like this project
Posted Jul 6, 2026
Weather mascot driven entirely by Rive's State Machine, one Enum View Model swaps Pip's mood, pose, and accessories per forecast, live, with no exported clips.