Dave Gamez
@davegamez.com
Interactive Rive UI/UX Motion Design for SaaS & Apps.
Tutorials, Audits & Insights👇
https://davegamez.com
https://linktr.ee/davegamez
Tutorials, Audits & Insights👇
https://davegamez.com
https://linktr.ee/davegamez
Just leveled up! ⚡️ Officially a verified @rive.app Expert on Contra.
Pixels, keyframes and state machines certified ✅💪
contra.com/davegamez
Pixels, keyframes and state machines certified ✅💪
contra.com/davegamez
September 22, 2025 at 5:58 PM
Just leveled up! ⚡️ Officially a verified @rive.app Expert on Contra.
Pixels, keyframes and state machines certified ✅💪
contra.com/davegamez
Pixels, keyframes and state machines certified ✅💪
contra.com/davegamez
Due to reasons… You’re going to start seeing more game dev in my channels 😅🕹️ #madewithunity
September 10, 2025 at 1:01 AM
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
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
September 4, 2025 at 6:25 PM
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
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
I think it's time to return and add some @rive.app
magic to this game! 🕹️🤓
#GameDev #UI #madewithunity #madewithrive
magic to this game! 🕹️🤓
#GameDev #UI #madewithunity #madewithrive
August 9, 2025 at 11:00 PM
I think it's time to return and add some @rive.app
magic to this game! 🕹️🤓
#GameDev #UI #madewithunity #madewithrive
magic to this game! 🕹️🤓
#GameDev #UI #madewithunity #madewithrive
Thinking of turning this into a tutorial.
Would you try building a game in Rive without code?
Let me know
✌️⬇️
#Rive #NoCode #gamedev #motiondesign
Would you try building a game in Rive without code?
Let me know
✌️⬇️
#Rive #NoCode #gamedev #motiondesign
August 7, 2025 at 4:45 PM
Thinking of turning this into a tutorial.
Would you try building a game in Rive without code?
Let me know
✌️⬇️
#Rive #NoCode #gamedev #motiondesign
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.
✅ 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.
August 7, 2025 at 4:45 PM
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.
✅ 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.
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.
August 7, 2025 at 4:45 PM
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.
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.
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.
August 7, 2025 at 4:45 PM
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.
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.
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.
August 7, 2025 at 4:45 PM
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.
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.
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.
August 7, 2025 at 4:45 PM
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.
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.
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.
August 7, 2025 at 4:45 PM
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.
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.
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.
August 7, 2025 at 4:45 PM
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.
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
Killer music by
@davogm.bsky.social
August 7, 2025 at 4:45 PM
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
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
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
July 17, 2025 at 9:28 PM
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
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
#madewithrive #riveanimation #characterdesign #willitrive #riveapp
July 10, 2025 at 4:25 PM
@rive.app’s Graph Editor is Magic! 🪄 🧙♂️
#madewithrive #riveanimation #characterdesign #willitrive #riveapp
#madewithrive #riveanimation #characterdesign #willitrive #riveapp
It’s Monday… Does it @rive.app yet?
#riveapp #madewithrive #motiondesign #characteranimation #willitrive
#riveapp #madewithrive #motiondesign #characteranimation #willitrive
July 7, 2025 at 8:44 PM
It’s Monday… Does it @rive.app yet?
#riveapp #madewithrive #motiondesign #characteranimation #willitrive
#riveapp #madewithrive #motiondesign #characteranimation #willitrive
July 3, 2025 at 6:21 PM
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
#MotionDesign #Newsletter #AnimationTips #CreativeInsights #Subscribe
May 20, 2025 at 4:36 PM
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
#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
davegamez.com
Looking for sexy moving pixels? Let’s chat! 🤙
#motiondesign #animation #mograph #portfolio #motiongraphics #illustration
May 16, 2025 at 6:44 PM
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
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? ✨🎥🤓
Who’s a fellow #StarWars Nerd? ✨🎥🤓
May 4, 2025 at 6:07 PM
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? ✨🎥🤓
Who’s a fellow #StarWars Nerd? ✨🎥🤓
April 17, 2025 at 12:46 AM
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 ✌️🐭
Pretty happy with how it turned out. Have you given Blender a go for character design? Let me know below! 👇
Peace,
Dave ✌️🐭
April 15, 2025 at 6:32 PM
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 ✌️🐭
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. 👇
Scroll for the original illustration and a peek at the mesh of this little guy. 👇
April 15, 2025 at 6:32 PM
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. 👇
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
#Blender3D #Blender #3DSculpting #CharacterDesign
April 15, 2025 at 6:32 PM
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
#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 ✌️🐭
Pretty happy with how it turned out. Have you given Blender a go for character design? Let me know below! 👇
Peace,
Dave ✌️🐭
April 15, 2025 at 6:26 PM
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 ✌️🐭
Pretty happy with how it turned out. Have you given Blender a go for character design? Let me know below! 👇
Peace,
Dave ✌️🐭