Meet Dewey 💧 Your Favorite Water Enforcer

Standard hydration trackers usually rely on boring, static progress bars. For my second entry into the @rive_app Interactive Character Challenge, I wanted to see if I could replace a progress bar with an emotional feedback layer that actually motivates the user.

Enter Dewey.

Instead of just checking a box, your input directly affects his well-being. At zero glasses, he is shriveled, dark, and gasping. But as you log your water intake, Dewey gets rehydrated and transforms into a plump, sparkling, fully-hydrated companion.

Behind the Build:

Vector & Rigging: Fully hand-crafted UI and character mesh, rigged specifically for dynamic state changes.

Logic: Built a custom Rive State Machine to seamlessly connect the UI buttons (Register a Glass, Reset) to Dewey’s physical transformations.

Audio Design: Baked custom timeline audio (gulping, squeaks, and dehydrated breathing) directly into the keyframes for frame-accurate sound design.

Check out the video walkthrough below, or play with the live, interactive UI yourself right here: https://editor.rive.app/file/dewey/2389042?linkId=XBt_m1PzRkONnJuPjcgSMg X Post : https://x.com/Haseeb47176936/status/2070274218739355726?s=20