Pip the Weather Man / Interactive Mascot by Omar JabrPip the Weather Man / Interactive Mascot by Omar Jabr

Pip the Weather Man / Interactive Mascot

Omar Jabr

Omar Jabr

Pip the Weather Man

An Interactive Weather Mascot Built in Rive
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.

Likes

1

Views

0

Timeline

Jun 21, 2026 - Jul 3, 2026