Built a dynamic streak fire in Rive 🔥
This animation uses data binding, a ViewModel, and a state machine to adapt the number layout based on the streak value. I set up different layouts for 1-digit, 2-digit, and 3-digit streaks so the text stays balanced inside the flame as the value changes.
Really enjoyed exploring how motion and logic can work together to make a simple UI element feel more alive.
#Rive #MotionDesign #UIDesign #InteractionDesign #Animation #Icons
License
Viewing