Use RequestAnimationFrame instead of setTimeout

[mostlygeek]

Using RAF would make drawing more efficient and sync up the draw with the refresh of the screen (60hz).

Since cross browser support sucks, use the HTML5 RAF polyfill:

https://gist.github.com/1579671

[mikewoodworth]

are there any release browsers using RequestAnimationFrame yet? it's on my internal feature list (which reminds me, we should probably port those here), but my impression was this wasn't very pressing ATM.

[mikewoodworth]

ok, just looked, and it seems I'm a bit behind. Yeah, this should be done.

[mostlygeek]

You need the polyfill to support this.

Here's more information: https://developer.mozilla.org/en-US/docs/DOM/window.requestAnimationFrame

tl;dr

• IE9 / Opera? need to use setTimeout
• Webkit/Gecko has prefixed RAF functions

The main change would be to work the framerate code in there. Since RAF is called at 60fps. I did something similar in my anim8 library so it would be really easy to make this happen.

Let me see if I can do a Pull Request for you later.