Dave Gamez's Avatar

Dave Gamez

@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

82 Followers  |  44 Following  |  103 Posts  |  Joined: 11.11.2023  |  1.6893

Latest posts by davegamez.com on Bluesky

Post image

I think it's time to return and add some @rive.app
magic to this game! ๐Ÿ•น๏ธ๐Ÿค“

#GameDev #UI #madewithunity #madewithrive

09.08.2025 23:00 โ€” ๐Ÿ‘ 15    ๐Ÿ” 3    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Audio on! ๐Ÿ”Š

09.08.2025 02:04 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Thinking of turning this into a tutorial.

Would you try building a game in Rive without code?
Let me know

โœŒ๏ธโฌ‡๏ธ

#Rive #NoCode #gamedev #motiondesign

07.08.2025 16:44 โ€” ๐Ÿ‘ 5    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image Post image

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

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.

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

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

07.08.2025 16:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

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

17.07.2025 21:28 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

@rive.appโ€™s Graph Editor is Magic! ๐Ÿช„ ๐Ÿง™โ€โ™‚๏ธ

#madewithrive #riveanimation #characterdesign #willitrive #riveapp

10.07.2025 16:25 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

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.

10.07.2025 16:08 โ€” ๐Ÿ‘ 8    ๐Ÿ” 2    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Video thumbnail

Itโ€™s Mondayโ€ฆ Does it @rive.app yet?

#riveapp #madewithrive #motiondesign #characteranimation #willitrive

07.07.2025 20:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Will it @rive.app?

#character_design #riveapp #riveanimation #willitrive

03.07.2025 18:21 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Vote for the Creator Tools Awards โ€“ Powered by Contra Cast your vote for the 2025 Creator Tools Awards and help recognize the best tools that empower creators.

Rive has been nominated for Contra's 2025 Creator Tool Awards ๐Ÿ†
Vote for us here: creator-tools-voting-2025.contra.com/share/rive

12.06.2025 18:33 โ€” ๐Ÿ‘ 9    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Dave Gamez (davegamez) - Profile | Pinterest Dave Gamez | Motion Designer & Educator. Making Pixels Dance with Keyframes or Code. Master 2D/3D Character Animation & Motion Design.

Fellow #MotionDesigners who use Pinterest!
Reveal Yourselvesโ€ฆ drop your Pinterest here ๐Ÿ‘‡
pin.it/7eF9SqOAU

25.05.2025 07:13 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

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

20.05.2025 16:36 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

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

16.05.2025 18:44 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

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? โœจ๐ŸŽฅ๐Ÿค“

04.05.2025 18:07 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

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.

01.05.2025 23:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Dave Gamez - Motion Design 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โ€ฆ

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

01.05.2025 23:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
๐ŸŽง Predators, Robots, & Jedi + Us Too? Animated anthologies are all the rage, but where are OURS?

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...

23.04.2025 02:08 โ€” ๐Ÿ‘ 8    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Join my IG Broadcast Channel. Motion Potion ๐Ÿงช โœŒ๏ธ๐Ÿ‘‡

www.instagram.com/channel/AbbU...

#MotionDesign

17.04.2025 00:46 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

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 โœŒ๏ธ๐Ÿญ

15.04.2025 18:32 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

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. ๐Ÿ‘‡

15.04.2025 18:32 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

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

15.04.2025 18:32 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

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 โœŒ๏ธ๐Ÿญ

15.04.2025 18:26 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

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. ๐Ÿ‘‡

15.04.2025 18:26 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

@davegamez.com is following 20 prominent accounts