I’m an old Commodore C64/Amiga guy – so one thing I always liked back then were the copper bars. In short, the C64 and Amiga allows you to change the color of the screen background per line or even per a certain amount of pixels. The computers also had some vertical blank interrupt allowing you to run some code every time the monitor beam is at the top of the screen. People then wrote cool color bars floating around, nicely animated at 50Hz per second. I figured I can do a similar effect in the browser by using a div per raster line and altering the colors with an interval timer every 20ms.
The image to the right is a screen shot of the copper bars running in Google Chrome.
Speed test results running on a Dell Latitude D820 under Vista:
|Google Chrome||~97 frames/sec|
|Firefox 3||~70 frames/sec|
Update: the nightly minefield (firefox beta) gets about 80 frames/sec.
A couple of notes:
- I did not test with IE8 Beta on Vista since trying to run it forced me to apply the whole windows update and that used an awful lot of disk space (2+ GB)
- When running into limits (two may lines updated, computer getting slow and running the test in multiple browsers) Google Chrome was way more responsive than Firefox3
As always, would love to hear your comments on this one.