I'm creating a Fez-based HTML5 Canvas game and animating my hero image using sprite sheets. The problem is that I can't create the animation of the hero walking, don't matter how much I try, the output is a weird animation that looks like the hero is just shaking its legs. Can someone help me? You don't need to create the sprite sheet for me if you don't want, just show me what's the correct leg position. I'll post the game link in a comment because I can't post more than two links.
Note that the "hero's legs" are compound by 3 pixels each, that are 2x up scaled.
the walking animation is compound by the 6 first frames.
EDIT: If you fall in the demonstration, open the console, type localStorage.x = localStorage.y = 0;
and then reload the page immediately to return to the starting point.