[secretbatcave]

Try and animate a walk cycle in pure javascript.

now tell me that flash is dead.

[stuartmemo]

http://digitalsurgeons.com/labs/html5/canvas/zombies/

Flash is dead.

[scarmig]

Weird.

1) The url would suggest this is done using the canvas element. On my browser, though, it's implemented using SVG. Is anyone else seeing this?

2) SVG is a really terrible medium for this use case. What should be used instead, and would probably give better performance, is... canvas.

[jQueryIsAwesome]

Yep, is on SVG on my browser too (Chrome).

And i think they made a zombie as an excuse for their bad implementation of a walking cicle.

[secretbatcave]

That was convincingly pixar level walk cycle

On a 2010 macbook that runs at 15fps, which is a great step forward in speed for moving 8 sprites. Have you actually tried to animate anything other than a solid body, in just code?

http://www.idleworm.com/how/anm/02w/walk1.shtml is a walk cycle, and as you can see they are animating the control points, so the body smoothly deforms. As far as I'm aware you can control individual control points of an SVG with javascript. Even if you could without a decent interface you couldn't do more than move a ball about.

HTML/JS is shit at animation.

Flash is rubbish, and can be much more efficient, however HTML/JS is 10 times worse.

[driverdan]

I don't know what's wrong with your computer but my 2010 MacBook Pro running Chrome hits a steady 52 fps.

[saint-loup]

45 fps on Chrome, ~15 on Firefox (MBP 2009).

[secretbatcave]

but that's the point, its 8 sprites!

[suivix]

That renders like shit on my Droid X.

[nascentone]

Ha, +1 point for snarkiness, -10 points for thinking that walk cycle experiment is a comparable example to even average Flash animation work, +9 points hoping for the love of the internet that you were just trying to make a laugh = net worth of nothing.

[Joeri]

http://dev.sencha.com/animator/demos/kickfu/

Sencha is aiming their animator product at replacing flash animations with html5. They have a long way to go, but it's not an impossible thing.