Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

"HTML5" versus Flash: Animation Benchmarking

themaninblue.com

Post reply on HN
Print view View original

1–10 of 24 posts

Re: "HTML5" versus Flash: Animation Benchmarking

#4

Post by jan_g »

ErrantX wrote: post #2

For me (Chrome on Linux and Windows) Canvas edged it. Flash had a slightly higher peak framerate (about 42fps) but it varied wildly (dropping to 25fps at times) and also paused a lot on Linux. Canvas as consistently 38/39fps.

Similarly for me, flash varied (from 20 to 50fps) with pauses, in chrome on linux. Canvas & html both around 40fps, svg slighlty lower. Based on my experience, I would rule out flash, but since majority of users are on win or osx I second the author that flash is probably best choice for him.

Re: "HTML5" versus Flash: Animation Benchmarking

#5

Post by ErrantX »

jan_g wrote: post #4
ErrantX wrote: post #2

For me (Chrome on Linux and Windows) Canvas edged it. Flash had a slightly higher peak framerate (about 42fps) but it varied wildly (dropping to 25fps at times) and also paused a lot on Linux. Canvas as consistently 38/39fps.

Similarly for me, flash varied (from 20 to 50fps) with pauses, in chrome on linux. Canvas & html both around 40fps, svg slighlty lower. Based on my experience, I would rule out flash, but since majority of users are on win or osx I second the author that flash is probably best choice for him.

I actually had the 'pauses' on Windows using Firefox 3.6 as well. So it's not 100% cut and dried - but, I think his conclusion (use Flash, but Canvas is a growing alternative) is good.

Re: "HTML5" versus Flash: Animation Benchmarking

#6

Post by lurch_mojoff »

I noticed something off - in Chrome on the Mac Flash never dropped below 40 fps while canvas and SVG never went over ~25 fps, but perceptually it seemed things are the other way around - canvas and SVG animations seemed smoother than Flash.

Has anyone else noticed anything similar?

Re: "HTML5" versus Flash: Animation Benchmarking

#7

Post by endtime »

yread wrote: post #3

Opera 10.51 on Windows XP minimum fps: HTML 23 Canvas 25 SVG 13 Flash 50 No contest here :-/

I'm using Opera 10.51 on Windows 7 (Boot Camp), on a 2006 Macbook Pro, and canvas was competitive with Flash. Canvas started at 30 and Flash at 60, but both quickly converged to 45...and there was some minor stuttering with Flash.

Re: "HTML5" versus Flash: Animation Benchmarking

#9

Post by ilitirit »

hackermom wrote: post #8

I took a look at his Javascript code, in the "HTML" example, and it was far from as well written as it could be - I could easily do the same effect with a whole lot better framerate. I am not sure how fair a test this is.

I suppose the same could be said about the Flash code.

Re: "HTML5" versus Flash: Animation Benchmarking

#10

Post by hackermom »

ErrantX wrote: post #5
jan_g wrote: post #4

Earlier quoted context omitted.

Similarly for me, flash varied (from 20 to 50fps) with pauses, in chrome on linux. Canvas & html both around 40fps, svg slighlty lower. Based on my experience, I would rule out flash, but since majority of users are on win or osx I second the author that flash is probably best choice for him.

I actually had the 'pauses' on Windows using Firefox 3.6 as well. So it's not 100% cut and dried - but, I think his conclusion (use Flash, but Canvas is a growing alternative) is good.

I think his conclusion should be taken with a big grain of salt, because, if you look ahead, to the inevitable future, Flash will probably not be anywhere close to as big an actor as it is today, while Canvas will without doubt grow and grow. But I guess if time stood still, which seems to be the case with most Flash protagonists.....
Post reply on HN