Hello,
What I am trying to accomplish is when all the balloons are popped and down to the last, it automatically navigates to the next page.
I’ve tried the following variables
-
-
Action 1: On Click → Change to →
popped
variant
Animation: Smart Animate, 150–250ms -
Action 2: After Delay → 200ms → Navigate to →
Final Questions
frame
Easing: Dissolve or Smart Animate
That’s it. No condition needed; you’ve already decided it’s the final balloon.
-
-
If you must keep a variable/condition (e.g., only navigate when
poppedCount == 8
):-
Create a Number variable in a collection called
AppState
. -
On each balloon instance’s click:
-
Set variable
AppState.poppedCount = AppState.poppedCount + 1
-
Change to
popped
(put this after the Set variable)
-
-
On the screen frame (not inside the balloon component), add:
-
On Click (No—don’t do this)
-
Use: After Delay → 1ms → Conditional → If
AppState.poppedCount == 8
→ Navigate to Final Questions-
Place this above any other generic interactions.
-
Or better: add a separate interaction On variable change (poppedCount) → If
== 8
→ Navigate. (If you don’t see “On variable change,” use the After-Delay 1ms conditional trick.)
-
-
-
It still going doesn’t work, gets down to the last balloon and just sits there.