Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After animation, blobs reset position in a jarring way. #2

Open
rfitz123 opened this issue Oct 7, 2020 · 3 comments
Open

After animation, blobs reset position in a jarring way. #2

rfitz123 opened this issue Oct 7, 2020 · 3 comments

Comments

@rfitz123
Copy link

rfitz123 commented Oct 7, 2020

Ever since Flutter 1.20.0, the blobs which before had no issues will "reset" to what seems like a random position at the end of the time set for a Blob.animatedRandom(), which creates a very jarring effect. My workaround has been to increase the duration so the "reset" is not seen, but this makes the movement of the blob imperceptible. No changes were made to the code since its implementation, so it seems to be something stemming from a Flutter update. I can provide a screen recording of the behavior if that would be helpful. Thanks.

@rfitz123 rfitz123 changed the title After timer, blobs reset position in a jarring way. After animation, blobs reset position in a jarring way. Oct 7, 2020
@dk-crazydiv
Copy link

Having the same issue on animateFromId. All the transitions are glitchy & feels like it only animates to half the duration and then suddenly replaces the next one. Tried playing around with different duration settings but didn't seem to help.

@fior-di-latte
Copy link

fior-di-latte commented Oct 7, 2022

Check that you are not modifying the const animationTimeDilation in your project. Seems like this package uses Timers and Animations in combination while only the latter is affected by the above mentioned modification. Hence the inconsistencies.
( Line 112 in blobs.dart , to be precise )

@kvenn
Copy link

kvenn commented Jan 27, 2023

I'm also seeing the jarring animation. I have it looping and I'd expect the duration to be how long it goes from one shape to the next. But it transitions immediately.

Here is my code

 Blob.animatedRandom(
                  loop: true,
                  debug: true,
                  minGrowth: 9,
                  edgesCount: 7,
                  duration: Duration(milliseconds: 1500),
                  size: 300,
                  styles: BlobStyles(
                    color: Colors.white,
                    fillType: BlobFillType.stroke,
                    strokeWidth: 3,
                  ),
                ),

And the video:

Simulator.Screen.Recording.-.iPhone.14.Pro.Max.-.2023-01-26.at.20.57.16.mp4

[UPDATE] I ended up using the inspiration example. Would be cool if this was added to the api

https://github.com/lokesh-coder/flutter_blobs/blob/master/example/lib/examples/inspirations/rotate.dart

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants