New HTML5 demo / performance test

Hi all,

Here's a beefed up and fullscreen version of the Ghost Shooter demo: (man, just can't get enough of ghosts and shootin')

http://www.scirra.com/labs/ghostshooterfullscreen/

I'm interested in framerates both restored and with the window maximized for Firefox 5 and Internet Explorer 9 on your machines, if you have them don't mind a quick test. (You can also hit F11 to go fullscreen on most browsers.) I believe both browsers should have pretty good hardware acceleration and so should run 30+ fps, hopefully! Right now I think all other browsers would struggle with it.

Let me know your results. I get 50-60fps on IE9 always, and only about 14fps on FF5 (because they blacklisted my driver so I don't get hardware acceleration).

59-61 fps all the time. Fullscreen and normal window on IE9.

Don't have any other browsers to test.

Fullscreen:

Opera 11.50    6 FPS

Fifefox      7 FPS

Chrome      11 FPS

I don't have IE9 because i'm using Windows XP :(

640 x 480 Window:

Opera 11.50    28 FPS

Firefox 5   31 FPS

Chrome 39 FPS

Might be useful if people post their specs also - especially CPU, GFX and OS.

Windows XP 64 Pro

Pentium D Dual Core 2.0 Ghz

2 GB RAM DDR2

512 MB GPU ATI Radeon X1600 PRO

Very interesting. It's running around 60fps in both FFOX 5 and IE 9. Opera plummets to 12fps.

The performance results seem similar to an older test I did comparing HTML5 speed of all major browsers. IE9 still appears to be ahead of the bunch, while FFOX5 apparently can keep up with certain examples.

What's interesting is that Chrome only manages ~22fps with this fullscreen example, while it was clearly the second best after IE9 in my earlier test. Maybe it can't handle fullscreen and/or scrolling so well.

Oh, my specs:

X4 640 3.0Ghz

4GB DDR2

1024mb Radeon 6850 OC

Windows 7 Home Premium 64bit

IE9 60 fps

chrome only 16 fps

with this example chrome isnt doing well

w7

i7 920

6gb ram

ati radeon hd 4800

Right now I think performance is mostly whether or not the browser has hardware acceleration, rather than your hardware. I think right now Chrome is still using a software renderer, so it will always be slow - they're working on hardware acceleration AFAIK.

FF5 - 60fps at first few seconds, then droped to ~30fps

Opera 11.11 - 5fps

Win7, P4 3.3Ghz, 2GB RAM, Radeon hd 2600xt

Right now I think performance is mostly whether or not the browser has hardware acceleration, rather than your hardware. I think right now Chrome is still using a software renderer, so it will always be slow - they're working on hardware acceleration AFAIK.

Not sure if that's true, since Chrome usually performs quite well with HTML5 stuff. As I mentioned in my earlier post it did beat Ffox in a little test I made, which didn't involve fullscreen or scrolling though, it was also a completely passive benchmark. It creates a lot of objects while constantly rotating them and changing their opacity.

Also when you go to the address about:flags in Chrome you can see an option 'GPU Accelerated Canvas 2D' which should be activated by default. So if I'm not completely mistaken, Chrome does indeed do hardware acceleration already.

Not sure if that's true, since Chrome usually performs quite well with HTML5 stuff. As I mentioned in my earlier post it did beat Ffox in a little test I made

Did you test Firefox 5? FF5 added decent hardware acceleration, FF4 didn't have that.

lso when you go to the address about:flags in Chrome you can see an option 'GPU Accelerated Canvas 2D' which should be activated by default.

It's disabled by default in Chrome 12 - at least on my machine. If you enable it you should get decent performance, but judging by the framerates it's not enabled by default. I'm hoping they do turn it on in a future build soon though!

It's also possible browsers have incomplete acceleration - i.e. it uses hardware acceleration, unless you use some particular feature (e.g. the lighting in the demo), in which case it falls back to slow software mode.

Chrome does have one of the best software renderers though - in software mode it's far faster than Firefox in software mode, which would explain your result. Assuming only FF5 and IE9 have default-enabled hardware acceleration, they should both beat Chrome right now.

Did you test Firefox 5? FF5 added decent hardware acceleration, FF4 didn't have that.

The initial test was Ffox4 against Chrome 11, but it appears to be the same picture with Ffox5 against Chrome 12. Ffox5 may have come a little closer.

If you test my example Chrome beats out Ffox still, while with the Ghost Shooter example of this thread, Chrome loses pretty harshly. Weird. And yes, for my testing the 2D Canvas Acceleration is always active in Chrome.

IE9 seems to be dominant all the time btw. Microsoft did a great job there with the hardware acceleration and their javascript engine I imagine.

Its odd, On windows xp, Chrome got ~22 fps, FF5 got ~10.

It was odd indeed and chrome hardware accel is off. Might be my computer lol.

If your drivers are out of date FF5 might disable hardware acceleration. It's difficult to tell what's going on sometimes!

Getting between 60-64fps in FF5. Occasionally it will spike to around 55 or so, but not often.

Dual core, Win7x64, 2GB ram, 9500GT

Overall I'm pretty impressed. It wasn't that long ago that I couldn't even run a small embedded HTML5 game in my browser of choice, and now I'm getting good performance at fullscreen <img src="smileys/smiley32.gif" border="0" align="middle" />