jelly_anim 0.0.7
jelly_anim: ^0.0.7 copied to clipboard

This package contains jelly animation. Users can dynamically modify the jelly & viewport size, jelly coordinates, overflow flag and also customize it as per user requirements.

Jelly Animation #

A widget to render moving blobby objects.

jelly_anim

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

Now in your Dart code, you can use:

 import 'package:jelly_anim/jelly_anim.dart';

Usage #

 JellyAnim(jellyCount: jellyCount,
            radius: 20,
            viewPortSize: Size(200, 600),
            jellyCoordinates: 10,
            allowOverFlow: true,
            duration: Duration(milliseconds: 200),
            jellyPosition: JellyPosition.bottomCenter);

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 sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.

24
likes
130
pub points
40%
popularity

Publisher

mindinventory.com

This package contains jelly animation. Users can dynamically modify the jelly & viewport size, jelly coordinates, overflow flag and also customize it as per user requirements.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

angles, bezier, flutter, random_color

More

Packages that depend on jelly_anim