How to make animation using Javascript

Question

I want to add something to my project that is similar to a Mortal Kombat intro, and it will be called "Sonya vs Scorpion". I tried to create it using Flash CS5. There is an animation going from left side to middle, another one from right side to middle, and "Vs" in the center.

I researched Javascript, but I don't know how to animate it... I can prepare it with Flash, but it makes website the slower. Can someone help me? Thanks.

Answer 1

You can use Canvas for this purpose. Make a canvas element and put there 2 sprites (images): Scorpion and Sonya. With canvas API you will be able to animate it using JavaScript.

Check this link, it should help you a lot. There is a lot of examples. http://www.williammalone.com/articles/