This Web Content Runs with HTML5. Read the E-Book

HTML5 Animation

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

The e-book HTML5 Animation: Web Development - Animate Graphics with Sprite Sheets, explains how to prepare animated graphics with HTML5 sprite sheets. The book provides an introduction for artists and programmers. HTML5 Animation explains how to arrange sprite sheet graphics and display animation with JavaScript and HTML markup.

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.

The book assumes the reader understands basic HTML and JavaScript. HTML5 Animation includes the source code for three short animations.

Topics Include

See HTML5 Animation on Amazon. Select a Country from the Menu Below:

Content on this Web page runs with HTML5. Read the E-Book

HTML5 Animation with Effects

Web Development with Radial Gradients
Copyright © 2015 Seven Thunder Software. All Rights Reserved.