Spritesheet Animation Manager: Animate graphics using CSS sprites

Recommend this page to a friend!
  Info   View files View files (6)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 205 All time: 242 This week: 5Up
Version License JavaScript version Categories
spritesheet-animate 1.0.0BSD License1.0Animation, Games
Description Author

This object can animate graphics using CSS sprites.

It takes a CSS style that defines a sprite image as background containing the multiple images to show in an animation.

The object can add individual frame images, rows or columns of images in the sprite to define the frames of the animation.

It can start an animation by switching the position of the background property of the CSS style to the frame of the sprite to show.

The object will switch to other animation frames after a given playback delay time between frames.

It can also stop the animation making it show a specific animation frame defined by number.

The animation may loop going back to the start frame after the last or going back and fourth inverting the animation direction.

Innovation Award
JavaScript Programming Innovation award nominee
April 2014
Number 4
Sprites are sets of images that may be used to display graphics of game elements in different positions.

This object can use sprites built-in images with multiple sprites and display them switching the current sprite image being displayed according the logic of complex animation sequences.

Manuel Lemos
Picture of JImmy Bo
Name: JImmy Bo <contact>
Classes: 4 packages by
Country: Canada Canada
Age: ???
All time rank: 541 in Canada Canada
Week rank: 6 Up1 in Canada Canada Equal
Innovation award
Innovation award
Nominee: 4x

Winner: 1x

  Files folder image Files  
File Role Description
Plain text file class.spritesheet_animation_manager.js Class Javascript Spritesheet Animation Manager
Accessible without login Plain text file example.htm Aux. Example Usage
Accessible without login Plain text file example.js Example Example - JS
Accessible without login Image file example.bard.png Data Example - Test Spritesheet
Accessible without login Plain text file example_game_movement.htm Example example game movement
Accessible without login Plain text file example_game_movement.js Example example game movement

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:242
This week:5Up