Javascript Snow (v2)

Revision 2 of this benchmark created by Arthur Taylor on December 28, 2010

Description

Preparation HTML

<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>

Test runner

snowFieldCanvas.redrawSnow();

snowFieldSvg.redrawSnow();

snowFieldCss.redrawSnow();

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 2: published by Arthur Taylor on December 28, 2010