Added window.requestAnimationFrame.

samples/openglui/src/openglui_canvas_tests.dart

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 //
 // Canvas API tests. Some of these are adapted from:
 //
 // http://www.html5canvastutorials.com/
 
 library openglui_canvas_tests;
 
@@ skipping 25 matching lines @@
   });
   canvas.onKeyDown.listen((e) {
     ++testnum;
     isDirty = true;
   });
   ctx = canvas.getContext("2d");
   if (ctx == null) {
     throw "Failed to get 2D context";
   }
   resize(w, h);
+  window.requestAnimationFrame(update);
   log("Done setup");
 }
 
 resetCanvas() {
   ctx.globalCompositeOperation = "source-over";
   ctx.setTransform(1, 0, 0, 1, 0, 0);
   ctx.fillStyle = "#FFFFFF";
   ctx.clearRect(0, 0, width, height);
   ctx.shadowOffsetX = ctx.shadowOffsetY = ctx.shadowBlur = 0.0;
   ctx.beginPath();
@@ skipping 436 matching lines @@
   ctx.setLineDash([]);
   ctx.strokeStyle = "#0000FF";
   ctx.strokeStyle = "rgba(128,128,128, 0.5)";
   ctx.strokeRect(width / 5, height / 10, width / 2, height / 8);
   log("Width = $width");
 }
 
 void loadImage() {
   initTest("Image loading");
   var imageObj = new ImageElement();
+  // TODO(Gram): Change gl.dart to handle to onLoad.listen.
   imageObj.on.load.add((e) {
     ctx.drawImage(e, 69, 50);
   });
   imageObj.src = 'chrome.png';
 }
 
 void clip() {
   initTest("Clipping");
   var x = width / 2;
   var y = height / 2;
@@ skipping 136 matching lines @@
   ctx.rect(myRectangle.x, myRectangle.y, myRectangle.width, myRectangle.height);
   ctx.fillStyle = '#8ED6FF';
   ctx.fill();
   ctx.lineWidth = myRectangle.borderWidth;
   ctx.strokeStyle = 'black';
   ctx.stroke();
 }
 
 int testnum = 0; // Set this to -1 to start with last test.
 
-void update() {
+void update(num when) {
+  window.requestAnimationFrame(update);
   if (testnum == 0) {
     anim();
     return;
   }
   if (!isDirty) return;
   switch(testnum) {
     case 1:
       helloWorld();
       break;
     case 2:
@@ skipping 327 matching lines @@
       for (int x = 0; x < screenWidth; x++) {
         var color = _traceRay(new Ray(scene.camera.pos,
             getPoint(x, y, scene.camera) ), scene, 0);
         ctx.fillStyle = Color.toDrawingRGB(color);
         ctx.fillRect(x, y, x + 1, y + 1);
       }
     }
   }
 }
 
-
-
-