Make Your Own Animation Curve in Flutter

Подписаться 32 тыс.

Просмотров 14 тыс.

50% 1

In this video we make use of the Curves class to create our own custom Sine and Spring Curve in Flutter. Create any animation you can image by first creating a unique curve.
Take a look at my "Mastering Animation in Flutter Course":
fun-with-flutt...
Written article: www.funwithflu...
Find the code here:
dartpad.dev/a3...
Desmos Calculator:
www.desmos.com...

Опубликовано:

9 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 8

@namastecodingofficial 4 года назад

That's amazing. Took me back to high school days haha. Keep Grinding, you''l be big if you make videos like these! :)

@bloodtusk7160 6 месяцев назад

Hello, wonderful guide, please tell me where I can get the full code from video?

@danielvalencia3437 2 года назад

Hi friend, great explanation, one question, where did you get the spring formula, i thought you would use the second order system equation.

@Salehalanazi-7 4 года назад

Isn't better to not make it cross the new starting positive point aka 0.5 and just use absolute value on the whole function instead of adding 0.5?

@FunwithFlutter 4 года назад

First off, thanks for the engagement. I see you left a comment on one of the other videos as well. Using the absolute won't work for a smooth motion. At the point where it would normally cross the y-axis at 0 it will instead make a triangle back up. I didn't actually graph this, I'm just seeing it in my head (so maybe I'm completely wrong). And yeah it would be preferable to have the animation start at (0,0), but depending on when you do the animation it might not be a problem. If it starts as soon as the widget is built (for example from initState) then the first build will just be at a value that is not 0, which is fine if you want to create a looping animation. Alternatively if you want a smooth start you can just set the initial value (of the widget you're animating) to whatever the CurvedTween (with the Sine curve applied) would be at a time value of 0. Hope this makes sense.