Browser compat for window.requestAnimationFrame

lib/dom/frog/dom_frog.dart

 #library('dom');
 
 // Copyright (c) 2011, 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.
 
 // DO NOT EDIT
 // Auto-generated Dart DOM library.
 
 
@@ skipping 1219 matching lines @@
   String createObjectURL(blob_OR_stream) native;
 
   void revokeObjectURL(String url) native;
 }
 // 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.
 
 class _DOMWindowJs extends _EventTargetJs implements DOMWindow native "@*DOMWindow" {
 
+  Window get _top() native "return this.top;";
+
+  // Override top to return secure wrapper.
+  Window get top() => _DOMWindowCrossFrameImpl._createSafe(_top);
+
+  int requestAnimationFrame(RequestAnimationFrameCallback callback) native '''
+    if (!window.requestAnimationFrame) {
+      window.requestAnimationFrame =
+          window.webkitRequestAnimationFrame ||
+          window.mozRequestAnimationFrame ||
+          window.msRequestAnimationFrame ||
+          window.oRequestAnimationFrame ||
+          function (callback) { window.setTimeout(callback, 1000/60); };

[dgrove, 2012/04/21 04:47:49]

did you consider something more like
http://paulirish.com/2011/requestanimationframe-for-smart-animating/

[sra1, 2012/04/24 18:57:09]

tl;dr: yes.

This 'is' the first version at that page.
There is a long discussion of the 'clever' version at
https://gist.github.com/1579671
One commenter claimed the clever version was worse on iOS.
Another pointed out the behaviour is messed up if rAF is called twice.
We would have to measure and divine the correct behaviour if setTimeout is
actually being used.

+    }
+    return window.requestAnimationFrame(callback);
+''';
+
+  // Protect member 'requestAnimationFrame'.
+  _requestAnimationFrame() native 'requestAnimationFrame';
+
+
   static final int PERSISTENT = 1;
 
   static final int TEMPORARY = 0;
 
   final _DOMApplicationCacheJs applicationCache;
 
   final _NavigatorJs clientInformation;
 
   final bool closed;
 
@@ skipping 166 matching lines @@
   _WebKitPointJs webkitConvertPointFromPageToNode(_NodeJs node, _WebKitPointJs p) native;
 
   void webkitPostMessage(message, String targetOrigin, [List transferList = null]) native;
 
   int webkitRequestAnimationFrame(RequestAnimationFrameCallback callback) native;
 
   void webkitRequestFileSystem(int type, int size, FileSystemCallback successCallback, [ErrorCallback errorCallback = null]) native;
 
   void webkitResolveLocalFileSystemURL(String url, [EntryCallback successCallback = null, ErrorCallback errorCallback = null]) native;
 
-
-  Window get _top() native "return this.top;";
-
-  // Override top to return secure wrapper.
-  Window get top() => _DOMWindowCrossFrameImpl._createSafe(_top);
 }
 
 class _DataTransferItemJs extends _DOMTypeJs implements DataTransferItem native "*DataTransferItem" {
 
   final String kind;
 
   final String type;
 
   _BlobJs getAsFile() native;
 
@@ skipping 23745 matching lines @@
     if (length < 0) throw new IllegalArgumentException('length');
     if (start < 0) throw new IndexOutOfRangeException(start);
     int end = start + length;
     if (end > a.length) throw new IndexOutOfRangeException(end);
     for (int i = start; i < end; i++) {
       accumulator.add(a[i]);
     }
     return accumulator;
   }
 }