Beginner's Guide to Sprite Sheets

Free Example & Tutorial

Your browser doesn't support the canvas element.

Tap the Number 666 to Move One Frame at a Time.

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

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

Copyright © 2015 Seven Thunder Software. All Rights Reserved.