Skip to main content
14d ago

How to fully restart "State Machine" by click trigger?

Hello guys!
I'll try to briefly describe the issue I'm struggling with—perhaps some of you might have ideas on how this can be resolved.

The goal is to make icons appear with an animation every time the mouse is clicked. On the final click, they should disappear, and the process should repeat from the beginning. Everything works perfectly until the restart. Once the cycle completes and starts again, the animations disappear.

This setup is done using a nested artboard. I’ve attached a video where you can see this issue more clearly.

I’ve tried disabling the animation in the nested artboard during animation number 11, but that hasn’t resolved the issue. If anyone has a solution or alternative approach to achieve the desired outcome, I’d be immensely grateful for any suggestions!

Screen recording is here -

1 reply
14d ago

I'm pretty sure I know what's going on. When you start your animation, the icons have an opacity of zero. There's no keyframe that sets them to opacity=0, it's just their default state, right? As you progress, they each animate to have an opacity of 100%. When you loop back to the beginning, they stay at opacity=100%. What you need it to add keyframes to reset them back to their default state.