4 ms·

Try and animate a walk cycle in pure javascript. now tell me that flash is dead.

stuartmemo 15y ago
http://digitalsurgeons.com/labs/html5/canvas/zombies/ http://digitalsurgeons.com/labs/html5/canvas/zombies/ Flash is dead.
- secretbatcave 15y ago
  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 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 15y ago
    I don't know what's wrong with your computer but my 2010 MacBook Pro running Chrome hits a steady 52 fps.
    - saint-loup 15y ago
      45 fps on Chrome, ~15 on Firefox (MBP 2009).
      - secretbatcave 15y ago
        but that's the point, its 8 sprites!
- nascentone 15y ago
  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.
- suivix 15y ago
  That renders like shit on my Droid X.
- scarmig 15y ago
  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 15y ago
    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.
Joeri 15y ago
http://dev.sencha.com/animator/demos/kickfu/ 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.

http://digitalsurgeons.com/labs/html5/canvas/zombies/ http://digitalsurgeons.com/labs/html5/canvas/zombies/ Flash is dead.

secretbatcave 15y ago
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 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 15y ago
  I don't know what's wrong with your computer but my 2010 MacBook Pro running Chrome hits a steady 52 fps.
  - saint-loup 15y ago
    45 fps on Chrome, ~15 on Firefox (MBP 2009).
    - secretbatcave 15y ago
      but that's the point, its 8 sprites!
nascentone 15y ago
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.
suivix 15y ago
That renders like shit on my Droid X.
scarmig 15y ago
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 15y ago
  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.

Joeri 15y ago

http://dev.sencha.com/animator/demos/kickfu/ 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.