tweener

Description:

tweener

Tweener #
Tweener is a simple and lightweight flutter animation tool. Anyone can easily learn to use it.
Features #

Does one thing and one thing only: tween properties
Very simple to use, but it can achieve a lot of effects
Easing functions are reusable outside of Tween

Installation #
Install the Tweener https://pub.dev/packages/tweener: #
You should ensure that you add the following dependency in your Flutter project.
dependencies:
tweener: ^2.2.2
copied to clipboard
install packages from the command line:
flutter packages get
copied to clipboard
Useage #
import class
import 'package:tweener/tweener.dart';
copied to clipboard
use Tweener
Tweener({"x": 0, "y": 0, "alpha": 0, "custom_prop_abc": 123})
.to({"x": 100, "y": 500, "alpha": 1, "custom_prop_abc": 321}, 2000)
.easing(Tweener.ease.elastic.easeOut)
.onUpdate((obj) {
setState(() {
_x = obj["x"];
_y = obj["y"];
_alpha = obj["alpha"];
_abc = obj["custom_prop_abc"];
});
})
.onComplete((obj){
///
})
.start();
copied to clipboard
var tween1 = new Tweener(sprite)
.to({x: 700, y: 200, rotation: 359}, 2000)
.delay(1000)
.easing(Ease.back.easeOut)
.onUpdate(update);

var tween2 = new Tweener(sprite)
.to({x: 10, y: 20, rotation: 30}, 2000)
.onUpdate(update);

tween1.chain(tween2);
tween1.start();
copied to clipboard
Thanks #
Tweener refers to the implementation code of tween.js. They are really great. I want to pay tribute to the original author!

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter