Javascript Snow

JavaScript performance comparison

Revision 2 of this test case created by Arthur Taylor

Info

Benchmark for javascript snow

Preparation code

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("prototype", "1.6");
</script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/livepipe.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/raphael-min.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/snow-common.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/snow-raphael.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/snow-css.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/snow-canvas.js"></script>
<script type="text/javascript" src="http://prospero.talkingcode.co.uk/snow/script/snow.js"></script>
<div id="snow_canvas"></div>
<div id="snow_svg"></div>
<div id="snow_css"></div>
<script>
  var snowFieldCanvas = new SnowField("snow_canvas", {
   width: 750,
   height: 400,
   renderer: 'canvas'
  });
  snowFieldCanvas.addFlakes(100);
  snowFieldCanvas.stop();
  var snowFieldSvg = new SnowField("snow_svg", {
   width: 750,
   height: 400,
   renderer: 'svg'
  });
  snowFieldSvg.addFlakes(100);
  snowFieldSvg.stop();
  var snowFieldCss = new SnowField("snow_css", {
   width: 750,
   height: 400,
   renderer: 'css'
  });
  snowFieldCss.addFlakes(100);
  snowFieldCss.stop();
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
Canvas
snowFieldCanvas.redrawSnow();
pending…
SVG
snowFieldSvg.redrawSnow();
pending…
CSS
snowFieldCss.redrawSnow();
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment