CAAT

From the website:

CAAT is a multi-instance director-based scene-graph manager. It is able to render using Canvas, WebGL and CSS with the same code base.

Features actors, containers, scene transitions, behaviors, interpolators, paths, custom affine transformation stack, timers, elements lifecycle, etc.

CAAT acts like a vector-based scene graph for Canvas (WebGL and DOM/CSS are also supported) much like Paper.js, but with a focus on actors exhibiting complex movements.

Check out the demo below, Onsite demos as well as a gaggle of Tutorials


You might also find this interesting:


  1. DivSugar, a CSS-based 3D Graphics Engine DivSugar is a CSS3 based 3D graphics engine. While it's not as performant as a WebGL might be for full games, the fact that it uses CSS3 means that it can easily...

  2. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael Smashing Magazine has a nice in-depth article covering the big three libraries for drawing vector graphics on the web: Paper.js, Processing.js and Raphael, giving a code pro-con on each and...

  3. Mobile performance tests: HTML5 vs. Flash (AIR) With iOS 5 finally getting a hardware accelerated 2D canvas and becoming a viable platform for writing mobile HTML5 games, it’s interesting to take a look at the performance of...

  4. HTML5 World of Card Games launches Following up on the success of DOM-based HTML5 (technically HTML4) hit World of Solitaire (which tallies over a million monthly uniques as the first result when you type “Solitaire” into...

  5. Chrome 18: Canvas2D GPU-acceleration + WebGL SwiftShader The latest stable release of Google Chrome, Chrome 18 includes some change that should make HTML5 Game Developers happy. It enabled GPU-acceleration on Canvas2D on supported Windows and Mac computers....

HTML5 Tools