The client required a continuous glow animation to loop endlessly, regardless of user interactions. At the same time, clicking on an arrow had to trigger the UI elements to open smoothly. Balancing these two behaviors, maintaining a persistent background animation while ensuring seamless user interaction, was a complex task, as typical animation states in Rive often depend on input triggers, potentially interfering with the looping glow effect.

To achieve this, I separated the glow animation into an independent animation layer, allowing it to run continuously without being interrupted by user interactions. I then used Rive's input system and listeners to detect arrow clicks, triggering the UI opening animation while keeping the glow unaffected. This ensured that both animations functioned as intended, one in a continuous loop and the other responding dynamically to user input.