HTML5 Canvas Plasma Benchmark

[speed]

HTML5 is appearing on a diverse array of device/platform combinations.

I created a quick benchmark on GAE/P to gauge HTML5 compute & render performance of local systems vs. a global average.

http://speed.okaq.com/

My interest isn't in a detailed survey, I just want to be able to say something akin to: 

"80% of users will be able to render this complex scene in under 1.0 seconds."

Such a result would bode well for real-time 2D procedural animations on HTML5 Canvas.

Benchmark uses a Midpoint Displacement Algorithm implemented in Object Oriented JavaScript. It calculates a Plasma Fractal Cloud, transforms that data into RGBA ImageData pixels and then renders the scene to the Canvas drawing context. 

Every run generates a new data point placed in the DataStore. Global mean is calculated via cron and fetched via an AJAX JSON-RPC.

Results:

>1000ms for older machines.

700-800ms for smartphones.

500-600ms for netbooks.

<500ms for newer machines.

Chrome is significantly faster than Firefox & Safari ;)

All great results. HTML5 Canvas is only going to get better. Feel free try it out and post some results. It also comes in handy during Easter weekend shopping!

http://speed.okaq.com/