Skip to main content
1y ago

Mixing a simple animation with a click on a Botton

Hi everyone!
I'm new here and still new to Rive! I would like to create a 404 page with a button that when clicked takes you back to HOME while in the meantime a simple animation is played in the background in a loop. When I try to create my state machine, if I insert animations into the various layers, unfortunately only one of the two works. Or the click on the button or the looping animation. I've watched several tutorials but I think I'm missing something very small but I still haven't understood what... Thanks if anyone can help me!

7 replies
1y ago

HI Ali! Could you drop a video or share a .rev file so we can see what might going on? Thanks!

(edited) 1y ago

Hi Micheal! And thank you for your support!

https://www.swisstransfer.com/d/046de425-370b-4f27-8675-32ad138954d5

Here my .rev file,

the problem is that after the click trigger on the button the loop animation in the background stops, I wish the animation would continue...

I can't figure out how to develop the state machine to do this, or if I make a mistake setting the layers.
Thank you in advance!

1y ago

Hi again! You sent a .riv, can you export a .rev file?

1y ago
11mo ago

Sorry for the delay in getting back to you! You'll want to put your background looping animation in its own timeline, and put that on a separate layer in your state machine. Then all of your button interactions and animations will be on another state machine layer. I've included a video to show you how that will work. So your button states/animations shouldn't have any background elements keyed.

11mo ago

Hi Michael! Now everything is working! Thank you very much for your time and kindness!

11mo ago

Excellent!