Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript Sprite Animation Library for Canvas Tag

Tags:

Can you point me to a good Javascript sprite animation library using the HTML Canvas tag?

A few Google searches only turned up some non-canvas projects. I am looking for something clean and simple.

Thanks.

like image 454
Devon Avatar asked Mar 11 '09 21:03

Devon


People also ask

How do I import a sprite sheet into animation?

To import a sprite sheet use File > Import Sprite Sheet option. Then you can select the file to import with an assigned offset x , y and sprite width , height . Padding is available if there are gapes between sprites, and the sheet type will affect the order of the sprites taken in.

What are sprites in Javascript?

A sprite is a 2-dimensional image used in video games or animation. Nearly all of your favorite characters from 2D games are represented with sprites.


2 Answers

Processing is a great visualization / animation framework, who has been recently ported to JavaScript: http://ejohn.org/blog/processingjs/.

Hope that helps :)

like image 133
Seb Avatar answered Sep 22 '22 05:09

Seb


There is the cake toolkit as well, although it does provide different functionality (more closely sprite oriented) than processing.js (see @SebaGR's answer).

Unfortunately i don't think either of these libraries really constitutes a sprite library in a useful/complete way.

like image 40
olliej Avatar answered Sep 24 '22 05:09

olliej