Beginner's Guide to Sprite Sheets

Free Example & Tutorial

Seven Thunder Software modeled the animated burning number six six six with 3DS Max, imported with ActionScript, generated the fire effect with Papervision3D, then saved a series of bitmaps to compose the sprite sheet.

HTML5 Animation Examples

Tutorial Sprite Sheet Basics Sprite Sheet Spinning Android Explosion Sprite Graphical VFX

Sprite Sheet Advantages

Sprite sheets offer many possibilities including animated characters, spinning logos, product presentations, architectural demonstrations, and scientific simulation. HTML5 animation displays on devices with HTML5 compatible browsers including iPhone, Androids, Blackberry 10, Windows PCs, and Macintosh computers. See free sprite sheet tutorials and HTML5 Animation projects.

Topics Include

• How to Prepare Sprite Sheet Graphics
• Basic Sprite Sheet Animation
• Explosion Lighting Effect
• Global Transparency
• Global Composite Operation Lighter
• Multiple Background Images