Skip to main content
L
9d ago

Working with nested animations and nested artboards

Hi!

So maybe I have missed something, but I am now looking into creating a static animation with Rive. It will kind of be a fake app UI animation.

Right now I have created a few nested artboards and added timeline animations to them. If I go to the parent artboard and add the animations there from my nested artboard I can key the "playing" attribute. But when I scrub the timeline everything is still / or gets reset. If I press play the animation plays but if I pause everything goes back to the initial state. How should I then be able to animate the other animations If I can't preview animations going on?

Another way would be to set up state machines and trigger the animations with variables, but from what I understand you can't key triggers only booleans? I guess the best way to do this would be to not use nested artboards and keep everything that will animate together on the same artboard?

3 replies
L
R
R
9d ago

Hey there!

I put together a little video to help walk you through this! Hopefully this helps, but if you have any more questions, feel free to ask.

L
8d ago

Wow that is great! Will try this out!

L
8d ago

Hi!

One quick question. So ideally I want to be able to trigger a hover state om the cells when the "fake touch indicator" moves over them. If I use remap animation I can scrub trough the timeline and manually fire events when the indicator is above the cell. However If i go the route of keying triggers or inputs this is very hard to do since you can scrub through the timeline. Another way that might be possible is to trigger the events via the "fake touch indicator", is there a way to trigger an event when a shape / object / group moves over or enters the bounds of another object? I can trigger events when my mouse moves over the object of course but I want to trigger it when an object moves over another object.

Best,
Lukas