I think it's time to return and add some @rive.app
magic to this game! ๐น๏ธ๐ค
#GameDev #UI #madewithunity #madewithrive
@davegamez.com.bsky.social
Motion Designer & Mentor | 2D/3D Character Animation โข UI/UX Motion โข Rive Specialist (YesโCode) Tutorials, Audits & Insights๐ https://davegamez.com https://linktr.ee/davegamez
I think it's time to return and add some @rive.app
magic to this game! ๐น๏ธ๐ค
#GameDev #UI #madewithunity #madewithrive
Audio on! ๐
09.08.2025 02:04 โ ๐ 2 ๐ 1 ๐ฌ 0 ๐ 0Thinking 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
New website. Fresh motion. Letโs make those pixels dance!
davegamez.com
Looking for sexy moving pixels? Letโs chat! ๐ค
#motiondesign #animation #mograph #portfolio #motiongraphics #illustration
Happy Star Wars Day! And happy birthday to me! ๐ฅณ Double the reason to celebrate! #StarWarsDay #MayThe4th #Birthday #CharacterDesign #Blender
Whoโs a fellow #StarWars Nerd? โจ๐ฅ๐ค
Everything you see was designed, illustrated, modeled, and animated by yours truly, with a few exceptions where I had the pleasure of building upon existing designs (in Vimeo Description). Enjoy the show!
Music for this reel by the talented @jimineedles.bsky.social / Needlewurk Vol. 2.
NEW DEMO-REEL!!!
Take a peek at my motion design playground! This reel is a collection of past adventures, featuring a mix of client gigs, personal explorations, and the occasional dive into the unknown.
#MotionDesign #MotionGraphics #DemoReel
vimeo.com/1080661598
I stumbled into Substackโs
podcast-making capability, so now KEYS & CURVES has short quickcasts where I take a walk and record my musing on animation and motion design topics weekly.
Todayโs topic?
Animated anthologies and why maybe we should be making our own? ๐ค
open.substack.com/pub/keysandc...
Join my IG Broadcast Channel. Motion Potion ๐งช โ๏ธ๐
www.instagram.com/channel/AbbU...
#MotionDesign
If you need a character illustration or animation for your project, Iโd love to work with you, Email is on the profile, and my DMs are open. ๐ฅ
Pretty happy with how it turned out. Have you given Blender a go for character design? Let me know below! ๐
Peace,
Dave โ๏ธ๐ญ
Definitely making a reel to show the process, but gotta say, it was super cool doing everything โ sculpt, pose, composite โ all within Blender!
Scroll for the original illustration and a peek at the mesh of this little guy. ๐
Testing the waters! Wanted to see if my skills from other 3D software would translate to Blender, and this beginner course by the awesome Nikolay Naydenov on character creation (based on the beautiful art of Deema Egorov) was perfect.
#Blender3D #Blender #3DSculpting #CharacterDesign
If you need a character illustration or animation for your project, Iโd love to work with you, Email is on the profile, and my DMs are open. ๐ฅ
Pretty happy with how it turned out. Have you given Blender a go for character design? Let me know below! ๐
Peace,
Dave โ๏ธ๐ญ
Definitely making a reel to show the process, but gotta say, it was super cool doing everything โ sculpt, pose, composite โ all within Blender!
Scroll for the original illustration and a peek at the mesh of this little guy. ๐