EaselJS is a new library from Grant Skinner that somewhat mimics the Flash display list/display object heirarchy. It is the result of the game Pirates Love Daisies which demonstrates some great gameplay in html5.
The API is loosely based on Flash’s display list, and should be easy to pick up for both JS and AS3 developers. In our preliminary testing, Easel appears to be fully compatible with iOS, Android, and all major browsers that support the canvas element.
The API contains these familiar classes for Flash/AS3 developers:
Abstract base class for all display elements in Easel. Exposes all of the display properties (ex. x, y, rotation, scaleX, scaleY, alpha, shadow, etc) that are common to all display objects.
The root level display container for display elements. Each time tick() is called on Stage, it will update and render the display list to its associated canvas.
A nestable display container, which lets you aggregate display objects and manipulate them as a group.
Draws an image, video or canvas to the canvas according to its display properties.
Displays animated or dynamic sprite sheets (images with multiple frames on a grid), and provides APIs for managing playback and sequencing.
Renders vector drawing instructions within the context of the display list.
- Grant Skinner Post on EaselJS
- EaselJS Examples: game, sparkles, rollover / drag & drop, localToGlobal, globalToLocal, sprite sheets