Wavy Scrollbars
March 23, 2009Andrey
- http://the389.com/
- Location:
- Moscow, Russia
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
Touch scrollbar thumb to make waves. Based on verletphysics library by toxi.
Technology:
Javascript, toxiclibs (http://code.google.com/p/toxiclibs/)
Comments
LOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOLOL
Reply to this commentFarewell, wavy scrollbars... :(
Reply to this commentlol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol
Reply to this commentlol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol
Reply to this commentLove how it says it wont run in my browser IE 9. But I click run anyway and it works.
Reply to this commentCrashes Firefox 3.6 in Ubuntu (which I hate).
Reply to this comment'almost' work in FF;)
Reply to this commentWorks perfectly on Firefox 4b8.
Reply to this commentCool! Looks great with OS X's Aqua. Works in IE9 beta, but very laggy.
Reply to this commentLOL!! 100 scrool bars! :P
Reply to this commentCOOL!!!!!!!
Reply to this commentIt does not work in Lunascape 6!
Reply to this commentDoesn't work in IE9 Platform Preview fourth
Reply to this commentIt's called Chrome Experiments you tard.
Reply to this commentRefused to work in Chrome. Was fast with no hangups in safari 5
Reply to this commentFirst time in a long time I've appreciated OSX Aqua.
Reply to this commentworks in opera
Reply to this commentWorks in firefox beta 4 (minefield)
Reply to this commentthis is really cool and it does look cool on a mac.
Reply to this commentThis is cool. I'd like to talk to you about a possible project. Could you email me at greta_anderson@gspsf.com?
Reply to this commentyour email address doesn't exists
Reply to this commentIt looks really cool with Mac OS X's Default theme. It makes the whole thing look like water!
Reply to this commentthat is because it uses theAQUA gui get it? aqua = water
Reply to this commentклево, побалываться вполне возможно)
Reply to this commentits completely pointless and gives me vertigo
Reply to this commentGet a mac it looks better
Reply to this commenttank you
Reply to this commentHmm, I'm i missing something here why did you waste your time creating this?
Reply to this commentWhy did you waste your time leaving that comment?
Reply to this commentwell it put a smile on my face
Reply to this commentlol
Server appears to be dead.
Reply to this commentI FEEL LIKE IN THE SEA, WITH XP SCROLLBARS! THE BLUE THEME!
Reply to this commentso fun! i dont even know why!
Reply to this commentthis is awesome
Reply to this commentHehehe… I've got graphite bars ;) (I prefer graphite than blue color in OS X interface). :)
Reply to this commentannoying
Reply to this commentAmazing
Reply to this commentWorks fine and fast in Opera 10.5 prealpha :D
Reply to this commentsmall minds are easily amused, what is it for? nothing as far as i can see, maybe im doing somthing wrong, eh!
Reply to this commentits not "for" anything, its just eye candy. the guy made it, not to provide a function, not to better the world, but rather, simply to prove he can.
Reply to this commentShould read "small minds are easily confused"
Reply to this commentsounds like it
Reply to this commentit was amazing i love it so much
Reply to this commenti like google chrome is a best browser in the world
Reply to this commentCool! I wish I could make this kinda stuff.
Reply to this commentits cool but it will be better if some tune are added...
Reply to this commentAha Awesome! it entertains me greatly. Applause. :)
Reply to this commentHA HA thats fun
Reply to this commentinteresting but needs color?
Reply to this commentIt is blocked by OpenDNS as nudity!
Reply to this commentdoesnt work in ie 8, no scroll bar. but i hate google so im not upgrading to chrome
Reply to this commentYeeeeeaaaaaaahhhh its not really an upgrade, it is better but, its not really something you can compare, like britney spears and the floor. Just not the same. And anyway, Why are you here? CHROMEexperiments.com
Reply to this commentGoogle Chrome = working experiments! What are you doing on this site anyway!
Reply to this commentYou're using ie8...therefore you have no credibility. Go on...try this in IE8. http://acid3.acidtests.org/ No one is forcing you to like Google but ask yourself what you're doing on a site called chromeexperiments.com? If you tried Chrome you'd realize how much faster and more stable it is than IE.
Reply to this commentYou must love Google! OBEY! OBEY! OBEY!
Reply to this commentyou're missing the point here.
Reply to this commentWhat the F*** I Hate it I Never Got to ho to Work it
Reply to this commentTry chrome
Reply to this commentthat was intense :D
Reply to this commentSeems to crash Safari instantly, works well in Chrome, works passably (but it a little glitchy) in Firefox.
Reply to this commentWorks like a charm in Safari.
Reply to this commentHere too, glytchi o10
glitchy on opera 10.
Reply to this commentDidn't bother to try it in IE8.
Reply to this commentDon't bother, I did. It FAILS in IE8
So it fails in a fail browser. ironic
Lol tru dat :)
Works well on SRWare Iron 3 (But with the ""Error"" message)
Reply to this commentWorks fine in Safari 4.0.3, too. So cool! Anyone have the source code? == LeftClicker ==
Reply to this comment:D SAUCE! I WANT TEH SAUCE!
cool mate
Reply to this commentSo cool
Reply to this commentWhat the heck? This is a Chrome experiment, not a FF experiment!
Reply to this commentWARNING! THE EXPERIMENT IS NOT WORKING ON FIREFOX!
Reply to this commentget firefox 4 and it works
Reply to this commenthaha this is fun is such a weird way XD this kept me going for a while :D
Reply to this commentThe bar undulations reminded me of the high swells I experienced out at sea during typhoon season in the South Pacific ocean. It will be interesting to include sound wave projection along the various sine rhythms.
Reply to this commentHEY! I'M USING A WEBKIT BROWSER (Midori) AND I GET THE ERROR MESSAGE!
/rant
Reply to this commentI'm using Midori and it just eats ram until it dies. WebkitGTK devs need to get off their asses.
Reply to this commentgr8!!! what to add music & have the volume change with the waves or maybe the bars change colors
Reply to this commentYou should probably make it firefox-friendly... :(
Reply to this commentWhy?
Reply to this comment… and for… what? :) BTW: works beautiful in Safari (4.0.4), but the question is still the same: what is this for? (Only for the test? Or for online e-shop?) ;)
Beautifully done, Andrey...very cool. Looks mesmerizing in Opera v10 for Mac. ;)
(The sooner we can get to HTML5 and Acid3 unification, the sooner we can kill off IE.)
Reply to this commentHeh... I could help you...
Reply to this commentDoes anyone get a 404 page?
Reply to this commentvery hard to understand.use simple language
Reply to this commentLooks alot like the safari side bar to me.
Reply to this commentyeah it does though it's only called that on the mac and i'm not sure chrome works on mac.
Reply to this commentNo, Chrome is not yet available for mac.
Nice and it works fine i have chrome and i used it
Reply to this commentWorks fine in Opera also :)
Reply to this commentYes, you right.
OPPERRA 9.64
UPGRADE TO OPERA 10!!!!!!!!!!!
A bit slower though. Firefox 3.5 didn't really work for me though. It behaved very laggy and choppy.
超好玩的
Reply to this comment其实我们应该说英语
Reply to this commentI cut all the code responsible of browser detection and run it successfully with Firefox (even version 2.0.0.12).
Reply to this commentactually, firefox 3.5's tracemonkey javascript engine is really good. it ran the starfield experiment with more stars than firefox 3 did
Reply to this commentThis one looks better on Mac os X (with Safari4) cause the scrollbar are blue just like water :D
Reply to this commentHehehe… I've got graphite bars ;) (I prefer graphite than blue color in OS X interface). :)
Reply to this commentI love the look. Totally awesome work.
Reply to this commentWhy sniffing browser? This way I cannot compare Chrome with firefox, ie, etc!
Reply to this commentHI HAVE A NICE DAY
Reply to this commentThis works really well in safari cause the bars are blue. Looks like the sea :D
Reply to this commentcool
Reply to this commentThe only complaint with this is the browser sniffing.
Reply to this commentJust change your user-agent string to "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_4; en-gb) AppleWebKit/528.4+ (KHTML, like Gecko) Version/4.0dp1 Safari/526.11.2" (Safari 4) or to the one for Chrome.
Reply to this commentwhy do you think they call it a "Chrome EXPERIMENT"?
Reply to this commentf u
Because Chrome is a well known browser. There are others that can handle javascript like this.
actually its because chrome experiments is a google sanctioned project used to showcase the abilities of the chrome browser, by allowing different web designers to showcase webpages specially designed for chrome's supported technologies, such as the canvas stuff and the JavaScript intensive things. Not because they are riding on a new browser
Well, according to your theory then, every Chrome 'experiment' should only allow Chrome.
Stop posting FUD, get the facts right... the author has a bias for chrome clearly. As no other project does this.
Firefox Supports Canvas, and intense JS like this... your just an idiot.
And if you edit the User Agent to allow the project to run under firefox 3.5, it fails. Sadly.
Well, clearly... you shouldn't keep things like this secret... has anyone thought that "hey, maybe we should let mozilla know that there is a problem with there browser"
Or are we gonna act like microsoft on this and keep everyone in the dark until thousands/millions of people are fed up because someone's been screwing them over?
For One, Chrome is opensource (at least the unbranded version chromium) Secondly, I didn't say that canvas and intense JS are not supported by firefox. I said that they are advertising chrome's support for them. If it was advertising support for every browser that supports canvas and javascript, it would be Anythingbutinternetexploreranditsderivitivesexperaments.com
HAY GUIZE LET'S JUST KEEP REPLYING TO EACH OTHER'S AWESOME COMMENTS ABOUT THE POLITICAL NATURE OF BROWSARZ. OMG SO MUCH FUN. BTW GOOGLE MADE CHROME AND IS TRYING TO PROMOTE IT. OMG H4X!!!1
and yes, I am aware that firefox as well as other browsers can support this stuff, web kit (the engine used by chrome, safari, and umpteen billion different Linux browsers) is not exactly a new engine, and v8 is just for making Javascript rendering go faster.
doesn't work in Iron portable :(
Reply to this commentthats one cool wave
Reply to this commentlove it! :)
Reply to this commentcool
Reply to this commentNot only it works on a mac it can work on PCs.
Reply to this commentAre you suggesting something?
Reply to this commentvery nice.... now, can you add sound?
Reply to this comment@Ricardo: it has the "Slow? Not Working? Try it in Google Chrome." line underneath because it's a chrome experiment.
@Andrey: please take off the browser sniffing. I'd like to test Arora, a QtWebkit based browser... that doesn't have spoofing. Oh well, i'll just save the page and edit it.
Reply to this commentHey it doesen´t work in safari 3
Reply to this commentTry it in safari 4 then
Reply to this commentYEAH.
Lolol it works in firefox if you edit the javascript page but it fails epicly
Reply to this commentLulz
Reply to this commentLOLOLODIE
There is no reason to use browser sniffing. This experiment also works on Opera (although slow).
And since this is an experiment, it's important to see how different browsers handle that.
Reply to this commentYeah, bad bad browser sniffing.
Reply to this commentWhat is up with the leftmost one? an anchor? This experiment is WAY-FUN to play with. To bad it did not respond to full screen by building more bars... Ya, musical tones would be a nice touch. Try it. I think you have more music skill than you give yourself credit for!
Reply to this commentHey, if these thins work on the Opera browser does that mean I can launch these expiraments on my Wii?
Reply to this commentIt works on the wii but it looks dull with the graphite bars. And it updates the screen only 4 times a second.
Reply to this commentwhat kinds of input can it be made to respond to?
Reply to this commentSWEET BRO. =)
Reply to this commentYEAH.
Reply to this commentCan you make it play music by assigning pitches to different lengths of the scroll bar?
Reply to this commentSure, i can. But unfortunately i have not any music writing skills
Reply to this comment@ZephyrXero
.... Not from what I've seen, dude.
Reply to this comment@Garrett: you need to check your facts again... Firefox 3.1's TraceMonkey engine is just as fast if not faster than V8
Reply to this commentYou just blocked Iron.
Reply to this commentAwesome :-). Great use of JavaScript and some wave physics. It amazes me though how many people on this website fail to realize the whole point is to show the power of the V8 JavaScript engine. @ZephyrXero that answers your question. WebKit based browsers use V8 (at least Chrome does), which is a newly written base for JavaScript, and is drastically faster and more capable than what you'll find in Firefox, IE, Opera, etc.
Reply to this commentactually, firefox 3.5's tracemonkey javascript engine is really good. it ran the starfield experiment with more stars than firefox 3 did
Reply to this commentGreat Please add music
Reply to this commentHitesh is right! You should add music.
Reply to this commentwhy no firefox?
Reply to this commentMaybe because "this is a Chrome Experiment"?
Reply to this commentI just spoofed Firefox 3.1b2's user agent to make it run. And it's terribly slow. ;D
Reply to this commentWhy does this experiment require a WebKit based browser...ie...why does it tell me Firefox isn't allowed?
Reply to this commentyeah,why is it like that.
Reply to this commentnice!
Reply to this commentHI HOW ARE YOU
Reply to this commentHahahaha! How cool is that!
Reply to this commentgreat
Reply to this commentVery well! nicely done!
Reply to this commentVery particularly lovely!!
Reply to this comment