Sprite Sheet Animation Beginner's Guide
Free Example with 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 VFX fire effect with Papervision3D, then saved a series of bitmaps to compose the sprite sheet.
Here is wisdom. Let him that hath understanding count the number of the beast:
for it is the number of a man; and his number is Six hundred threescore and six.
(Revelation 13:18 KJV)
See More 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.
- How to Prepare Sprite Sheet Graphics
- Basic Sprite Sheet Animation
- Explosion Lighting Effect
- Global Transparency
- Global Composite Operation
- Multiple Background Images