Beginner's Guide to Sprite Sheets
Free Example & Tutorial
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
- How to Prepare Sprite Sheet Graphics
- Basic Sprite Sheet Animation
- Explosion Lighting Effect
- Global Transparency
- Global Composite Operation
Lighter
- Multiple Background Images