bouncing_gradient_circles.html | Explore in Territory

<!DOCTYPE html>
<html>
<head></head>
<body>
<canvas id="canvas" width="800" height="600">
<script type="text/javascript" src="bench.js"></script>
<script type="text/javascript" src="canvas_tough_cases_lib.js"></script>
<script type="text/javascript" src="bouncing_gradient_circles.js"></script>

<script type="text/javascript">
window.onload = init;

var canvas;
var context;

function init() {
  canvas = document.getElementById('canvas');
  context = canvas.getContext('2d');

  num_lines = 1000;
  stage_gradient_circles.init(num_lines, 800, 600);
  stage_gradient_circles.draw(context);

  bench.run(draw);
}

function draw() {
  context.clearRect(0, 0, 800, 600);
  stage_gradient_circles.draw(context);
};

</script>
</body>
</html>

chromium/tools/perf/page_sets/tough_canvas_cases/rendering_throughput/bouncing_gradient_circles.html