This short book explains how to prepare animated graphics with HTML5 sprite sheets. We provide an introduction for artists and programmers. The book discusses how to arrange sprite sheet graphics, and display animation with JavaScript and HTML markup.
Sprite sheets offer many possibilities, such as animated characters, spinning logos, product presentations, architectural demonstrations, and scientific simulation. HTML5 animation displays on iPhone, Androids, Blackberry 10, Windows PCs, Macs, any device with an HTML5 compatible browser.
We assume the reader understands basic HTML and JavaScript.
Topics Include:
* How to Prepare Sprite Sheet Graphics
* Basic Sprite Sheet Animation
* Explosion Lighting Effect with Transparency and Global Composite Operation
* Global Transparency
* Global Composite Operation “lighter”
* Multiple Background Images
The book concludes with the full source code for three short animations.
Sprite sheets offer many possibilities, such as animated characters, spinning logos, product presentations, architectural demonstrations, and scientific simulation. HTML5 animation displays on iPhone, Androids, Blackberry 10, Windows PCs, Macs, any device with an HTML5 compatible browser.
We assume the reader understands basic HTML and JavaScript.
Topics Include:
* How to Prepare Sprite Sheet Graphics
* Basic Sprite Sheet Animation
* Explosion Lighting Effect with Transparency and Global Composite Operation
* Global Transparency
* Global Composite Operation “lighter”
* Multiple Background Images
The book concludes with the full source code for three short animations.
