This Web page's Powered by HTML5. Read the E-Book

HTML5 Hidden Object Games

Create Interactive Images

Exploding Coffee Pot Example

Tap the Coffee Pot

Your browser doesn't support the canvas element.

The sprite sheet applies global composite operation source-over. Value source-over generates an explosion VFX which increases in brightness over time.

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:

Sprite Sheet Animation
Copyright © 2015 Seven Thunder Software. All Rights Reserved.