Nice hack (especially when you're clicking around), but what caught my eye was that maybe for the first time, Safari is actually waaay faster than Chrome or Firefox.
This is (roughly) the framerate I got when I tried it on the these three browsers (all latest versions, Windows Vista):
Safari: 60 fps (or 30, or whatever "completely smooth" means)
Chrome: 20 fps (compared to Safari)
Firefox: 30 fps (compared to Safari)
But why? Chrome has always been the fastest (on Windows - on Mac, Safari is somewhat smoother for me)???
From what I can tell, requestAnimationFrame in Chrome runs at a slower frame rate. I've had a similar experience with a plugin i'm writing. Maybe I was doing something wrong but requestAnimationFrame was firing once for every ~10 actual frames in Chrome.
I enabled it and... much to my surprise, the frame rate dropped significantly. It's now like 3 (three) frames per second (it's so slow I am able to actually count the frames!)
The "hover" animation (rainbow thing) is fine, 100% smooth. But the exploding animation is just ridiculously slow.
Then I set it to be disabled and the frame rate improved a little.
This is (roughly) the framerate I got when I tried it on the these three browsers (all latest versions, Windows Vista):
But why? Chrome has always been the fastest (on Windows - on Mac, Safari is somewhat smoother for me)???