jelly_anim

Description:

jelly anim

Jelly Animation #
A widget to render moving blobby objects.

Also, implemented this using Jelly
Key Features #

Highly customizable JellyAnim rendering for Flutter.
Multiple JellyAnim instances
Overlap Jellies
Tween shapes and change colors
Set jelly viewport with custom size
Set custom radius of jelly
Add custom style of jelly with the help of paint param of JellyAnim class

Getting Started #
To use this package, add jelly_anim as a dependency in your pubspec.yaml file.
dependencies:
...
jelly_anim: any
copied to clipboard
Now in your Dart code, you can use:
import 'package:jelly_anim/jelly_anim.dart';
copied to clipboard
Usage #
JellyAnim(jellyCount: jellyCount,
radius: 20,
viewPortSize: Size(200, 600),
jellyCoordinates: 10,
allowOverFlow: true,
duration: Duration(milliseconds: 200),
jellyPosition: JellyPosition.bottomCenter);
copied to clipboard
Constructor Parameters #


jellyCount defines that how many jelly we want to overlap.


duration defines the color transition & movement duration of jelly.


jellyCoordinates defines the movement of jelly.

NOTE: default value is 5 & user have to give more than 3.



radius defines the size of jelly.


Inside the viewPortSize defined size the jelly will draw.

NOTE: by default the size of viewport is same as screen size.



colors list of colors for transition if user will not give any color then it'll take random color.


jellyPosition enum is responsible to manage the position of jelly in viewport

NOTE: default position of jelly is center.



fillPaint to give custom paint values like stroke, strokeWidth, style, etc.


allowOverFlow flag will give us a provision to render animation outside the viewport.


Dependencies #

angles: any
bezier: any
random_color: any

LICENSE! #
jelly_anim is MIT-licensed.
Let us know! #
We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.