Animated Coffee
Tap the Pot!
This funny coffee animation demonstrates one technique for unique visual effects with a small indexed (eight bit) image. See the indexed color animation tutorial for details.
HTML5 3 Books in 1
HTML5 3 Books in 1
combines three Web development
books including
HTML5 Color Animation
,
HTML5 Rotation
and
HTML5 Sprite Sheets
.
Learn three unique Web programming techniques.
Learn how to use CSS3 and JavaScript
to rotate images, create color animation
and sprite sheets for the Web.
Eight projects include
Storm Effect,
Exploding Coffee Pot,
CSS3 Rotate Horizontally,
Animated Coffee,
Game Over,
Spinning Android Tablet,
Explosion
and
CSS3 Rotate Vertically
.
Topics explain how to prepare sprite sheet graphics, implement JavaScript for sprite sheet animation and how to apply Global Composite Operations with Global alpha for explosions. Learn to create a storm like visual effect with code. Animate colorful text and color cycle behind transparent sections of an image.
