The Dancing Scrollbars!
I had an hour to kill and got inspired by this entry on the Chrome Experiments site. Andrey has made a nice wave simulator using scrollbars and some JavaScript magic. Taking that idea and mixing it up with what I've been doing lately (see here and here), here is the magnificent troupe of Dancing Scrollbars (ok, they're more like the Jumping Scrollbar handles, really).
The music is Tom Cruise Crazy by Jonathan Coulton.
Have fun!
And now I'm totally done with this. For now.
The music is Tom Cruise Crazy by Jonathan Coulton.
Have fun!
And now I'm totally done with this. For now.
I think you should remove the margins between the scrollbars or set the background color to "Scrollbar" (OS' native scrollbar background color, supported by Mozilla browsers). My scrollbars have a black background with a brown-ish orange foreground and the white area makes it look kind of unpleasant.
March 26, 2009 at 5:45 PM Miles ProwerCan't see anything on the page - Firefox3 / Linux
March 26, 2009 at 6:23 PM Jacob SeidelinOk. I didn't have time to test on a lot of browsers.
March 26, 2009 at 11:58 PM Miles ProwerWoops. It's okay, it does in fact work with FF3/Linux on my desktop PC (Ubuntu 8.04). The problem only appears on my Eee 701 w/ FF3/Linux (Crunchbang 8.10).
March 27, 2009 at 5:35 AM AnonymousHilarious! Love it!
March 27, 2009 at 11:26 AM Michel BarakatGreat stuff. I agree with Eli, some skinning will make it more eye-candy.
April 3, 2009 at 7:01 AM KorriLove the song!
Wahouu I'm fan of this stuf !!
April 9, 2009 at 1:57 AM virtualIt works perfectly on my FF3 / Mac OSX
Really nice !!
It works great on mine firefox, looks kinda funny, great stuff
January 14, 2010 at 4:05 AM top 10 vpsThats great huh.
January 17, 2010 at 7:29 PM hophopHi, congrats, this is clever...and fun :)
May 25, 2010 at 10:39 AM MeIn your code maybe you could change this line
var l = (i/128*numScrollers)>>0;
to this ?
var l = (i*numScrollers)>>7;
Regards
m a r c o
Excellent work buddy!!!
July 12, 2011 at 6:37 PM