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
What started as a simple project to learn Rive grew into something much bigger. Had such a great time building it that I even made a mock game box inspired by classic retro Atari-style games.
Game is built mostly with Data Binding, State Machines, and Events (97%). Used JavaScript to bring it online and handle the firing mechanics and audio, and scripting is used for the Titan Catfish attack. I even added that classic and sometimes frustrating 3 initial high score screen, with scores saved to a Firestore database.
If I were to do it again, probably rely more on scripting & reduce use of events.
Note: Since I started this project without much of a plan, it’s currently best played on desktop. On mobile, audio doesn’t play on some levels, and there seem to be a few redraw issues.
Play here: https://snorkelnutz.990adjustments.com/
omg, this is lovely!
Wow, this looks so beautiful! Super pixelated underwater delight!
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
Dr. Fixy - Interactive Character in Rive
Designed the character from scratch and made it interactive in Rive. Not just an illustration - something that reacts, responds, and feels alive.
This is the kind of detail that turns a good product into a memorable one.
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
My entry for Rive x Contra Character Challenge is coming along nicely.
This idea is simple. How hot is too hot for a ginger?
The characters animation state updates based on the temperatue. All linked up to Data Binding, which then would be linked to a weather API.
I won't have time for the UI or API coding before submission but hopefully in the future.
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?