I have done a ton of research into animating sprites for a web page via javascript and am curious if I am on the right track.
Basically, I am looking at the following options:
1) SVG animated sprites, calling functions within the svg file itself from js on the page.. like walk_up(), walk_left() etc.. I have not tested this yet, but I want to generate a prototype of it to see if it would work. I know this is possible (see: this killer svg example for how JS works within an svg file in firefox.
2) DHTML with CSS cropping .. switching fast between styles to ‘animate’ the sprite.
3) Animated gifs. (this is more of a last resort)
4) Other.
What I am trying to determine is what would the best way be to animate a little walking guy on top of another image. Also, there may be multiple little walking guys.
I am going to avoid flash because I actually want to do this without flash, and to keep the file size (thus bandwidth) down.
Any ideas?
I miss anything?
powered by performancing firefox