What is CAAT ?

It is a

JavaScript based
(the toolkit is written in JavaScript)
(there can be more than one executing instance per html document)
(there exist a single entry-point which routes events and manages time)
scene-graph manager
(CAAT actors are entities which have state and may contain other actors).

CAAT stands for Canvas Advanced Animation Tookit.

This name, is somehow obsolete. First of all, the rendering engine is not only focused on Canvas. WebGL and CSS can be selected too. There's also a native implementation which executes CAAT seamlessly on iOS and Android.

CAAT it is a complete gaming framework, featuring on-screen entities, custom matrix stack, game loop hooks, scenes, scene transition, affine transformations, pixel perfect on-screen entity identification, complex paths, behaviors, seamless box2d integration, etc.

This tutorial is divided in 10 chapters which describe the following CAAT features: