Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7a Step 7b Step 7c

SnowEater 2 in ECMAScript

Follow the links to see what's there.

Step 1: Creating HTML and CSS files

Step 2: Drawing the monster and making it move

Step 3: Implementing snowing

Step 4: Setting points and lifes

Step 5: Animating swallowing

Step 6: Better movements

Step 7a: Movements using translate3d instead of CSS.

Step 7b: Nicer movements using requestAnimationFrame.

Step 7c: Nicer movements using translate3d and requestAnimationFrame. This is about the best you can get regarding movement, at least without canvas.