sprite.js: A Framework For Efficient JavaScript Sprites

sprite.js is an open source framework for working with JavaScript sprites more efficiently.

The library provides two rendering backends: HTML and Canvas. The HTML version, which displays sprites using DOM elements, is used by default because the Canvas backend is slower when running on Firefox, Opera and Chrome. According to the project’s notes on Github, “Canvas seems faster when there is a lot of transformations applied to the sprite.”

There are three demos, each with a system load counter:

• Particle generator
• 32 animated sprites
• Input test