Не используйте GIF, они в основном устарели.Вы можете создать несколько разных изображений и просто анимировать их один слой, используя различные библиотеки javascript.
Взгляните на это - http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/ Это должно помочь именно с тем, что вам нужно.Вы также можете использовать библиотеки, такие как MooTools и jQuery для анимации.
Еще одна, которую я бы порекомендовал вам посмотреть, это RaphaelJS .Он может быть слишком обширным для того, что вам нужно, но допускает расширенную анимацию на векторной основе с использованием HTML-холста.
Кроме того, вы также можете посмотреть такие библиотеки, как ThreeJS ,который позволяет использовать WebGL для создания 3D-игр, однако это, вероятно, слишком много для того, что вам нужно.
Удачи в вашем проекте