search

2d-inc / Flare-Flutter

Load and get full control of your Rive files in a Flutter project using this library.
https://rive.app/
MIT License
2.55k stars 469 forks source link

How to slow down flare animation from seconds to hours #222

Open pk3199 opened 4 years ago

pk3199 commented 4 years ago

I am developing an animation for solar tracking app. In that the sun has to revolve around the given arc for 12 hours or even more. I have created the animation in flare for 30 sec but i need to extend the duration up to 12 hours. How to expand it in flutter..? use the following link to view and access the animation https://rive.app/a/PraveenKumar/files/flare/solar-tracking/preview

uxrefiner commented 4 years ago

You can just set the animation to loop in Rive and when you export the binary, the animation will infinitely loop

tsinis commented 4 years ago

You can just set the animation to loop in Rive and when you export the binary, the animation will infinitely loop

Hey @uxrefiner I think this is not what the @pk3199 wants. In my opinion he wants to slowdown animation for being animated for a long time (like hours, days). I've made something similar in my Flutter Clock project. My animation was just 24min long but it's playing all day long (24 hours). Take a look at this realization: https://github.com/tsinis/flutter_clock/blob/97f7c572f8e36e61aa8c5c66296627969f6048c9/analog_clock/lib/animation_controller.dart#L74-L79 Hope it helps!

P.S. Anyways this Issue is not actually issues of Rive lib, but actually those kind of questions belongs to webs like StackOverflow...