anim2 1.0.5

  • Installing
  • Versions
  • 0


A basic 2D html5 animation library. Very basic.


A simple usage example (see example\anim2_example.dart for the Circle implementation):

    import 'dart:html';
    import 'dart:math';

    import 'package:anim2/anim2.dart';
    import 'package:generic_vector_tools/generic_vector_tools.dart';

    // Create the animation controller, pass it a reference to the CanvasElement you are animating on
    // and the framerate of animation
    Controller controller = new Controller(querySelector('#canvas1') as CanvasElement, new Duration(milliseconds: 16));

    main() {
      // The example will move a circle to the clicked location, and change it to a random colour

      //  create and register the object -  a circle at position (10,10)
      controller.registerObject(new Circle("testCircle", new V2(10.0,10.0)));

      // Create and immediately compound an animation to change the colour to a random colour,
      // and move to the clicked location
      controller.compoundAnimation(controller.changeColourTo("testCircle", new Colour.random(), 30));
      controller.compoundAnimation(controller.moveTo("testCircle", clickPosition, 30));

Features and bugs

Please file feature requests and bugs at the issue tracker.



  • Initial version, created by Stagehand.


  • Barebones implementation, arguably suitable for inclusion in barebones projects.


  • Queueable animation groups.


  • dart2js freindliness


  • Unit tests pass in checked mode.


  • Added some animations support custom velocity functions.
  • Added AnimMoveAt to move an object at an input velocity function (function of animation frame).
  • Added AnimChangeScale to change the scale of an object.
  • Added ScaleObject abstract class for objects which can have their scale changed.


  • AnimChangeScale can move a ScaleObject relative to the focus of scaling.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  anim2: ^1.0.5

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:anim2/anim2.dart';
Version Uploaded Documentation Archive
1.0.5 Jul 11, 2016 Go to the documentation of anim2 1.0.5 Download anim2 1.0.5 archive
1.0.4 Jul 10, 2016 Go to the documentation of anim2 1.0.4 Download anim2 1.0.4 archive
1.0.3 Apr 7, 2016 Go to the documentation of anim2 1.0.3 Download anim2 1.0.3 archive
1.0.1 Apr 2, 2016 Go to the documentation of anim2 1.0.1 Download anim2 1.0.1 archive
1.0.0 Mar 31, 2016 Go to the documentation of anim2 1.0.0 Download anim2 1.0.0 archive
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.

Analysis issues and suggestions

Support Dart 2 in pubspec.yaml.

The SDK constraint in pubspec.yaml doesn't allow the Dart 2.0.0 release. For information about upgrading it to be Dart 2 compatible, please see


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.0.0 <2.0.0