A little bts of Unmasked our entry for the contra x @rive.app Games with Rive challenge.
contra.com/community/ED...
#gameswithrive
26.02.2026 21:28
👍 0
🔁 0
💬 0
📌 0
A little bts of Unmasked our entry for the contra x @rive.app Games with Rive challenge.
contra.com/community/ED...
#gameswithrive
Here’s “Unmasked” my entry for the #gameswithrive @contra + @rive.app challenge
Hope you all like it ✌️
contra.com/community/ED...
Last quarter of 2025 has been crazy busy, so not much time for socials, here’s my Contra Condensed!
2025 was all Rive for me, and I’m just getting started!
@rive.app for the win, See ‘Ya on 2026!
Dave ✌️
Just leveled up! ⚡️ Officially a verified @rive.app Expert on Contra.
Pixels, keyframes and state machines certified ✅💪
contra.com/davegamez
Dusting off my YT channel 😅... "Interactive Guitar Player Avatar @rive.app Animation:.
www.youtube.com/shorts/LQf-o...
We recently launched a new playlist on our YouTube channel called Rive Direct.
Check it out for:
⚔️ Quick tips and tutorials
✨ New feature support
⚡️ Best practices and optimization guidance
🤝 and more... Direct from the Rive team
Due to reasons… You’re going to start seeing more game dev in my channels 😅🕹️ #madewithunity
How do you make a static avatar illustration sing?
This Rive animation project was a blast. Head to the link in my bio to read the full case study on how I did it! @rive.app
#madewithrive #motiondesign
*wait 🙄
Working on some really cool @rive.app client projects. Can’t want to share new tricks I’m learning along the way! 🤘#RiveApp
I think it's time to return and add some @rive.app
magic to this game! 🕹️🤓
#GameDev #UI #madewithunity #madewithrive
Audio on! 🔊
Thinking of turning this into a tutorial.
Would you try building a game in Rive without code?
Let me know
✌️⬇️
#Rive #NoCode #gamedev #motiondesign
Result
✅ All transitions work
✅ Score is passed between screens
✅ UI is modular
✅ Game runs entirely inside Rive, no outside JS or frameworks
Is it practical for full games? Maybe not yet (Waiting for that in Rive code panel 😉😉).
But it’s powerful for interactive design & prototypes.
Data Flow
Everything happens through bindings:
Start screen sets a “startGame” boolean
Game screen counts score, sends back “gameOver”, and final score
End screen reads that and offers a “restart” trigger
No code. All within state machines.
Switching Screens
No fancy transitions
I used a step keyframe animation on the Y position and opacity of each screen to show/hide them.
Rive doesn’t expose transform, but you can data bind the position of child artboards. That’s how I switch views.
Designed in @figma.com
I planned and designed the entire UI in Figma, then imported assets into Rive for animation and interaction.
This kept everything consistent and modular from the start, with the design and motion in perfect sync.
Nested Artboards Setup
In MainAppUI, I placed the three main child artboards:
StartScreen
GameScreen
EndScreen
Each one exposes specific values or triggers: startPressed, score, gameOver, etc.
Bindings connect them.
A few Inputs, mostly done using Data Binding
Instead of controlling logic with external inputs or code, I used Rive’s built-in data bindings to communicate between artboards.
Score, state changes, and triggers all happen within Rive’s UI.
The Idea
Create a modular game using nested artboards:
Start Screen
Game Screen
End Screen
Each screen is a separate artboard. The main container (MainAppUI) handles transitions, score, and logic.
I wanted to see if it’s possible to build a complete game using only @rive.app no external code, just pure state machines, data bindings, and nested artboards. Spoiler: It works. Here’s how I did it 👇🕹️🔥#Rive
Killer music by
@davogm.bsky.social
My Swamp Wizard Frog is animated!
Used @rive.app’s State Machine for seamless idle & ‘weaving staff’ animations.
Big thanks to my son for the wizardly music! Hear it: @davogm.bsky.social
#Animation #Rive #CharacterAnimation #WizardFrog
@rive.app’s Graph Editor is Magic! 🪄 🧙♂️
#madewithrive #riveanimation #characterdesign #willitrive #riveapp
Rive now works on Google App Ads! 🎉
Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.
It’s Monday… Does it @rive.app yet?
#riveapp #madewithrive #motiondesign #characteranimation #willitrive
Will it @rive.app?
#character_design #riveapp #riveanimation #willitrive
Rive has been nominated for Contra's 2025 Creator Tool Awards 🏆
Vote for us here: creator-tools-voting-2025.contra.com/share/rive
Fellow #MotionDesigners who use Pinterest!
Reveal Yourselves… drop your Pinterest here 👇
pin.it/7eF9SqOAU
Ready to level up your motion design game? My latest newsletter is out, packed with fresh insights and inspiration! Don't miss out on the good stuff. Subscribe now – motionbydave.com/motion-desig...! 🚀
#MotionDesign #Newsletter #AnimationTips #CreativeInsights #Subscribe
