CAAT. Canvas Advanced Animation Toolkit

Find tutorials and demos on CAAT Here

Fork and contribute to CAAT here

CAAT in essence is a multi-instance director-based Scene graph manager.
It is multi-instance in the sense that you can set an undefined number of directors up for each web page.
Each director is able to manage different Scenes with different timelines.
The scenes contain a graph of different Actor and Containers which conform the animation elements.

CAAT has some features out-of-the-box among which we can highlight:

• Seamless zero-coding WebGL and CSS rendering engines.
• Unlimited number of Scenes per Director.
• Unlimited number of Actors and ActorContainers per Scene.
• Hierarchycally applied affine transformations (rotations, scales and translations).
• Hierarchycally applied alpha composition.
• Unlimited number of timers per Scene.
• Ability to define complex paths for translations applied to Actors and ActorContainers.
• Easing and interpolation functions for affine transformations and alpha transparency application.
• Homogeneous coordinate system. Each contained Actor will receive correct input coordinates on its coordinate system
  regardless of its parents applied transformations.
• Abstracted input system, from mouse events to keyboard and accelerometer.
• Resource management and preloading.
• Many types of actors supported: Sprites, Shapes, Text, Path, Interpolator, etc.
• Easily extendable framework.
• Open Source and MIT Licensed.
• Performs properly in all major canvas enabled browsers. Internet explorer must be version 9 or greater.

Following is a technical demo which shows some of the previosly mentioned features.

I’ve developed the game MathMayhem on top of CAAT.