Browser Ball
Featured Experiment March 04, 2009Mark Mahoney
- http://www.weareinstrument.com/#/team/mark-mahoney
- Location:
- Portland, OR
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
Open new windows. Throw a beach ball through them. If I tell you it's less lame than it sounds, will you give it a shot?
Technology:
JavaScript, the canvas tag
Comments
For an update: would it be remotely possible to give the ball the ability to fly from one window to another that aren't connecting?
Reply to this commentI ma very pretty
Reply to this commentplease free subscrib java script thank you
Reply to this commentHas anyone tried using IE9? Does it work?
Reply to this commentNo 1 emenim close Delta state,Nigeria
Reply to this commenthttp://alert("marco era gay");
Reply to this commentdynamyc
dynamyc
dynamyc
dynamyc
dynamyc
dynamyc
dynamyc
dynamyc
dynamyc
Reply to this commentsebgabor@gmail.com
dynamyc
Reply to this commentcan i be your friend
Reply to this commentwhy
Reply to this commentdynamyc
sebgabor@gmail.com
Reply to this commentno
Reply to this commentthis file is upload and add a comment.
Reply to this commentAMAAAAYYYZIINNGGGG!!
Reply to this commentNow i realized what html5 can do...
Congratulations!!!!
Reply to this commentDont expect anything on this site to work on IE 6 except for the comment system :)
Reply to this commentCool! Well done!
However, I saw that, the ball gets stuck to the left top corner and rotates consistently when the smaller window is moved below a certain point in the intersect between two windows.
Curiosity helps discovery :)
Reply to this commentIs there any way to download this experiment?
Reply to this commentYa there is - on chrome you could use developer tools too look @ all the code, filenames, etc. Or, the on mac you can use site sucker. The easy way would be site sucker. But please, don't redistribute his work!
- Ian
Reply to this commenttungi qa po bon e pershedes imin me kongen skills
Reply to this commentAmazing! I love how the ball travels from window to window if you overlap them. It will fall down the stairs if you set the windows in descending positions. Very responsive. I figured I'd try it in Safari, because it's HTML5 compliant too, and it works like a charm. Thanks for your awesome work!
Reply to this commentIn js/main_prod.js in window.open "status" value occures two times : P
Reply to this commentKept getting stuck and spazzing out in the upper left hand corner :P
Reply to this commentIt happens to me too.
Reply to this commentDoesn't work in Internet Explorer 6.
Reply to this commentDont expect anything on this site to work on IE 6 except for the comment system :)
Reply to this commentThats because the experiments are for CHROME, not IE 6.
Reply to this commentIE 6 can't handle HTML5, that's why. It's not even standards-compliant with the current stable version of HTML.
Reply to this commentNo that's because IE6 is OLD
Reply to this commentyou should try to make one bouncing around in the ordinary windows
Reply to this commentI don't know if this has already been suggested, since I was too lazy to check through all the comments.
But my idea would be, a some sort of mini-app (or something like that) on Google Chrome, so that you just press "Create Ball" from the toolbar and a ball pops on the website you're on. And you could fling it around the website, just for fun. That would be awesome, but probably kind of hard to pull off.
Reply to this commentHey this is really awsome
Reply to this commentthat sucked ass
Reply to this commentTHAT IS FANTASTIC
Reply to this commenti like it.... short and to the point. Work a shotgun in there and i think you got something!
Reply to this commentgood
Reply to this commentholy crap
this is actually kind of cool
Reply to this commentvery simple.... :-)
Reply to this commentvery cool!
i liked it...
good way to spend time while something's downloading
Reply to this commenti am sri lankan now stay saudi arabia thanks
Reply to this commentgood
Reply to this commenti like this but as you said yourself the gravity could be better
Reply to this commentHello,I am looking for quality e-commerce, busniess and security sites for 3-way link exchange with pr 3+ and obl less then 40 .I found very useful content on your site.I have very good offer and invites you for 3-way link exchange.You know link exchange helpful to make a huge traffic on site and raise site pr.Please mail me all your e-commerce and security services,business,gambling and other sites as soon as possible.
With regards,
herry
herryicm@gmail.com
Reply to this commentI am INDIAN in TAMILNADU at Kanyakumari District
Reply to this commenthai ! howw iss it
Reply to this commentgood
Reply to this commentgood
Reply to this commentI like this! BUT the ball gets stuck in the corner spinning a lot of times. IDEA FOR BOUNCING BALL ACROSS ANY PAGE: Add code to the ball!
Reply to this commentthis sucks all it is is a wite screen with words in the corner
Reply to this commenttwo nights ago i tried to install CHROME. i though iiiiiiiii d done the job. the logo appeared on rhe row of programs on the row on my i mac and iused it for the you tube the rest of the evening. i was very impressed. next time i turned on the mac CHROME was gone. I AM UNABLE TO GET IT BACK. HELP HELP HELP SCOTT PARIS
Reply to this commentThe problem is that you didn't pin the Chrome icon to your dock. Search for chrome in spotlight. When you run it again, right-click or control-click the icon in the dock and choose "keep in dock".
Reply to this commentits because. mac sucks
Reply to this commentBaloney
Reply to this commentIf you're going to be a useless flamer, try to do it with something resembling grammar. Just because you can't be happy on a mac doesn't mean that someone else isn't. Try being a little less pointless of a person one of these days.
Reply to this commentit be nice if you could open a window like youtube or something a the ball will go in there. who agrees
Reply to this commentWell, since you can inject javascript code in all pages by using add-ons... I don't think it's impossible ;)
Reply to this commentThis is impossible, since the child windows have to have handling for the ball as well.
Reply to this commentthat's just random
Reply to this commentI love this...
Reply to this commentsxx sxx sxx
Reply to this commenthi how you i am fine you also good
Reply to this commentmulslam
Reply to this commentyou could simply reset the ball
Reply to this commentit was pretty nifty until the ball got stuck between 2 windows and wouldn't let me move it :(
Reply to this commentyou could simply reset the ball
Reply to this commentI lost the ball... :(
why is there the rest button the ball should never need to have that button.
if you drop the ball were there is not windows it's lost,
if you drag the window the ball falls off the edge,
the ball should not be able to do that, the ball should just hit the side and go with the flow, if the ball gets dropped on no window it should stay were it is of just hover on top on all windows. so it has no window allowing you to put it any were on the computer so you don't need to click on the buttons at all so how about keyboard shortcuts r = reset ball, w = new window, and p = stop the ball from moving. and how about the ball why cant it be the google chrome simple? it would be more of a hit if it were.
cheers and please comment on my question to either back me up or tell me its not mine I should not be giving suggestions lol...
Reply to this commentThat's why you need reset!
Reply to this commentI agree 100% I WANT KEYBOARD SHORTCUTZ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! lol lol lol rotfl rotfl lmfao rotflmao
Reply to this commentI would like to have my site using the javascript required to drag and drop in another window.
The code that allows content to go from page to page is what could allow the user to drag content from the page into there own files.
for example: like in AVATAR they have the content on there screen and then they just drag it onto another screen and take it to were ever they want.
okay photos would be good for this. This beets gears.
cheers...
Reply to this commentChromium, Ubuntu 9.10, Compiz, rotating cube. Keep the cube rotated like 30deg and let the ball bounce through windows. Compiz has live rendering.
Reply to this commentSimple brilliance! Congrats!
Reply to this commentthis is better then sex in a bed
Reply to this commentU sure?
I completely agree
Reply to this commentIt would be great if i was not running firefox on my PC.
it is another step towards me abandoning firefox!
Reply to this commentMulti-monitor may be fun, but what about multi-computer? What if you invented some sort of framework that could do this across multiple computers, without using windows (just screens) for the ball to follow, and have the beach ball contain a file? You could fling files to your coworkers, using a control panel to set how far it goes. It could permanently replace email!
Reply to this commentYou could probably hack something together if you put accelerometers into the monitors. 5 Internets to anyone who makes this work.
Reply to this commentcool game !
Reply to this commentshubham nikel
Reply to this commentmy friend priakash
Reply to this commentddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
Reply to this commentI LOVE it
Reply to this commentYou rock !
Reply to this comment10 sortte
Reply to this commentDo you think i could get the script for this?
Reply to this commentI hope that they integrate this into the real browser, so you could do this with any website; like, have a gmail window open and a wikipedia window open and bounce the ball between them in front of the text :)
Reply to this commentmuito bom.
Reply to this commenteu gortaria de tertodas essas animaçoes pois eu achei muito,legal e da uma dimamica egal para o pc.
Reply to this commentRadioactive ball?
Looks like it.
Reply to this commentThat would be awsome. He should make a glowing green ball.
Reply to this commentThis is weird - from what I know this is either brilliant, brilliant and worrying, or worryingly brilliant! The implications of code migrating out of it's space must be large at the very least. Then again, Jave engineers might think otherwise. Either way, lots of fun!!!
Reply to this commentloved freaking my mom out on her puter took her a good 5 min b4 she just closed the windows! funny!!
Reply to this commentAwesome! Lots of fun :D
Reply to this commentthis is very cool, i played with this for like 15 min, im going to make a maze ^_^
Reply to this commentTHIS IS AWESOME!!!!!!!!!!! YOU HAVE TO CLICK IT TO GET IT GOING!!!
Reply to this commentComing from someone who can't spell "you're" right
Reply to this commentVery creative!
Reply to this commentjeje esta bueenooo no agan caso a los otros comentarios
Reply to this commentAero messes it up. ARGH!
Reply to this commentAmazing.
This experiment demonstrates the power of Javascript and what awesome programming can do. Can be extended to create games that launces new windows.
Very amazing.
Chantu
Reply to this commento come on! this is SOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOooooooooooooooo StUpId!!! i hate it! i cant get i t 22 work
Reply to this commentI think that would be called USER ERROR
Reply to this commentYour an idiot
Reply to this commentw00t!
Reply to this commentComing from someone who can't spell "you're" right
Reply to this commentExcellent
Reply to this commentThis is a little irritating in Firefox.
Reply to this commentwow, this is so innovative. i love it! :D
Reply to this commentCRAP all CRAP all I want is a decent browser to launch HULU
Reply to this commentThis is not a page for downloading browsers, or launching HULU, and, therefore, your comment has no place here. You're just what the Internet doesn't need - another idiot with a voice.
Reply to this commentI don't think your comments are welcome here. You are too negitive and your not contributing anything but garbage. Keep you comments to yourself...and learn some grammer.
Reply to this comment"grammer": Wow.
Reply to this commentoh~ CPU
Reply to this commenti suck wang
Reply to this commentyou not that great son . sunny.
Reply to this commentThis is cool!!!!
Reply to this commentI ♥ THIS
Reply to this commentgood stuff
Reply to this commentCrazy ^^ , but I love it
Reply to this commentThis is really nice!
Go Chrome!
Reply to this commentThat is a very cool ball , lots of fun make more stuff.
Thnx
frm Alan
Reply to this commenttazcrazy!
Reply to this commentfdgdf@asd.sds
Reply to this commentwonderfull
Reply to this commentI liked this!
Reply to this commentawsomeee!
Reply to this commentsweet
Reply to this commentHow about a slider to change the size of the ball and the bounciness of the ball? This way you can make it like a marble... or a piece of flubber, or anything else. Open the experiment to try more things, etc. Works great, and very great example of what Chrome is capable of!
Reply to this commentVery cool in Multi-Mon
Reply to this commentiagree
Reply to this commentbest game ever!!!!!!!!!!!!!!!!!!!!!!!!!!! can i have the program please?
Reply to this commentits cool
i liked it very much
Reply to this commentSo awesome. There aren't enough words to praise your creativity !!!
Reply to this commentgladtobeamember
Reply to this commentif you could get the ball to run through any page then this would be cool
not that it isn't cos it is
Reply to this commentSo much fun!
Reply to this commentthere are a few bugs with moving the windows its bouncing in, and it would be cool if you could control the bounce, and maybe make it easier to grab
Reply to this commentIts Mint N addictive n it gives me something to do to waste time in work lol
Reply to this commentI'm doing the same at work xD
Reply to this comment...waiting for a second ball
Reply to this commentThis is so cool, it'd be cool if you could add stuff like springs, that'd be cool
Reply to this commentSweet.
Reply to this commentI think it's cute, I like it! I'm sure it'll be fun when you're waiting for something to load, or you're sick of reading stuff and waiting for an instant message reply. ;]
Reply to this commentamazing thing i never saw such in windows before very cool & funkey
Reply to this commentAwesome and fun, but I can see the advertisement uses for this, which will mean even more annoying and hard-to-get-rid of ads.
Use it for good!
Reply to this commentdude. coooooool. that makes me feel all warm and fuzzy in my developer heart.
Reply to this commentVery fun and cool! Yes, surprisingly addictive considering its simplicity!
Reply to this commentIt works great on Firefox (cuz its the best) and its pretty kewlio
i used to have somin lik that a while back
Reply to this commentGUYS THIS IS CHROME EXPERIMENTS! USE CROME FFS. NOT IE NOT FIREFOX NOT OPERA THEY ARE MADE FOR CHROME!!
Note: If you can get them to work in another browser, more power to you but, if it crashes its not the experiments fault. You didnt listen. You need chrome. :D
Reply to this commentYou forgot Safari
Reply to this commentYes it is Chrome experiements, but it is to showcase HTML 5 and Javascript and what can be created using just those two.
Reply to this commentWorks beautifully in Opera though
Reply to this commentYes.
Its work very fast on my Opera 9.64
Reply to this commentIt's funny!
Reply to this commentits very fantastic
Reply to this commentMan, This is Awesome.. :)..I really like this application .:)
Reply to this commentexecellent experiment
Reply to this commentit doesnt work in IE ha!
Reply to this commentHa! I see what everyone means by MODERN browsers!
Reply to this commentit's................................
Reply to this commentI find this tool fun for a while, but it soon gets annoying, size is too big and I get distracted. Browse tools should be more discrete in my opinion.
Reply to this commentthis program i am satisfaied. and the verry good speed. thanking you
Reply to this commentamazing
Reply to this commentAwesome awesome awesome!!!! It's really cool!!!
Reply to this commentthis is cool really fun 2 do when things are loading! 6:)
Reply to this commentwow..........nice ........i love it <3
Reply to this commentno man, it is not possible. seriously, OMG.
How the hell did you do that man?
I am starting back on Javascript right away.
Reply to this commentI know!
Time to learn Javascript again!
Reply to this commenthm... that was more cool than I was expecting
Reply to this commentaaaa
Reply to this commentFlash can't do anything like this. :-)
Reply to this commentI don't think so!!
Reply to this commentOh yes it can! ;-)
Reply to this commentCould you point to an explanation of how to do this in flash please?
Reply to this commentNO IT CANT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
Reply to this commentThat's brilliant!
Reply to this commenti hate gay fags
im not a joey
if any one asks
im physic too
Reply to this commentwhat are you fab troo?
Reply to this commentAre there any other kind MORON.(GET YOUR PREJUDICES CORRECT)... JEESH A PERSON CAN'T HAVE A LITTLE FUN WITHOUT COMING ACROSS BIGOTS, HOMOPHOBES, AND HATE.....
Reply to this commentit works on Firefox i hate gay fags
Reply to this commentEPIC!!!
I seriously doubted this was possible. I BE-LIEEEEEEEEVE!!!!!
Reply to this commenthi
Reply to this commentoutrageous
Reply to this commentLet's see!
Reply to this commentWorks FAST in my Safari web browser!! :D Pretty cool experiment for people even if they don't have Chrome! ;-)
Reply to this commentu all suck
Reply to this commentThey all sucks - it's all in english, US-english :)
Reply to this commenthi hot
Reply to this commentgood
Reply to this commentread the praise comments from all the ppl;s , now write a speeel check for the ones who have trouble speelin their names ROFL
Reply to this commentthis my first time i will used it this actions
Reply to this commentIs it possible to to save it as a web page so that it can played at any where. I save the Web page complete in the Chrome. Then run it. But the Ball is not appear at all. Please tell that how it can be played offline as a web page??
Reply to this commentyou gotta put some more bounce in your back. to see the ball bouncy!
Reply to this commentActually it works in Opera 10 Alpha!
really nice idea, although spanning multiple windows ist not wanted anymore.
Reply to this commentthats cool! hey, how does opera 10 run, anyway?
Reply to this commenta
Reply to this commentno komen
Reply to this commentNo sloth....!
Reply to this commentDear anyone who cares: I fixed the experiment in Chrome 2.0, and as a bonus, it now works in Opera 9 (at least on a Mac). Also, diz, if you're still around: I finally fixed that image onload bug as well. Thank you very much for pointing it out.
Reply to this commentIt doesn't work in the Beta version of Google Chrome. The ball can bounce back and forth in the child windows, but you can't see the ball when it's in one of them.
Reply to this commentWow, this is a really good variation on the bouncing ball problem. I wonder if this sort of idea could be used to transfer data (files etc.) between windows or computers? Worth investigating.
Reply to this commentCrash in Opera 9.60... But cool...
Reply to this commentI love this, it's so much fun!!!!
Reply to this commentblaa
Reply to this commentI have Found Som'in Really Cool. Make Some Child Windows, but don't throw the ball towards them, throw it through the main screen, other any child windows... And it went off the whole screen!!!!!!!!!!!!!!!!!!
Reply to this commentIncredible!
Reply to this commenttholi....
Reply to this commenti dont get it
it didn't work for me
i tried a lot
but it said it couldn't find the web page
Reply to this commentI couldn't use this either, and I use Opera, which is supposed to support Javascript.
Reply to this commentDude! wow! Reminds me of that supercomp they had in that movie - swordfish. Bouncy something moving thru like 7 different screens
Reply to this commenti THOUGHT THIS WAS PRETTY COOL AND THOUGHT IT WOULD BE NEAT IF YOU ARE BORED OR IF YOU ARE TRYING TO WRITE A PAPER AND CANT THINK OF ANY THING YOU COULD PLAY WITH THE BALL WHILE YOU THINK...
Reply to this commentThe child window's aren't working properly for me. It will bounce back from them, but I can only ever see the ball in the main window.
Reply to this commentTo be fair the to the question. the children dont actually hit my red ball they got their own... and it bouncies better at me..
Reply to this commentWhat I found what works is that you connect some part of the browser to another one, or in other words, overlap the some its like a connector so it can bounce through multiple screens instead of just the main screen. ;3
Reply to this commentI thought it was the best idea in years.
Reply to this commentCool everything is so neat!
Reply to this commentThis is very cool my uncle had it and he showed me and it blew me away! This is very awesome!
Reply to this commentso how do you get it to do this?
Reply to this commentOpen Google Chrome, then hit the "Launch Experiment" button above, then hit "Launch Browser Ball"
Reply to this commentlaunch ball
Reply to this commentgood !!!
Reply to this commentlooks great
Reply to this commenti really think its cool.
all the way
uh huh
yep
yeah
oh yeah
Reply to this commenta great distraction from my dissertation proposal :-D
Reply to this commentcool
Reply to this commenthelp me if i need help Please
Reply to this commenti hope i down low google Chrome
Reply to this commentThis has a ton of practical applications, even without the physics. Imagine in-browser objects, such as comments in a forum, that can be dragged to other windows spawned from the same site! Or open your Yahoo contact list and pull in people from Y! Answers, for another example.
Reply to this commentdon't work with version 2.0.173.1
the other windows don't work
Reply to this commentgood experience
Reply to this commentDude...this is freaking CLASSIC WORK...
Reply to this commentNow that was fun! :D
Reply to this commenti never see so many comments togheter for something like this.. great.. make me happy to see it
Reply to this commentyes
Reply to this commentChrome Experiments are the best boredom relievers, waaaaay better than online flash games
Reply to this commentWHAT COULD YOU USE THIS FOR???
Reply to this commentI'll say it again : "Chrome Experiments are the best boredom relievers, waaaaay better than online flash games"
Reply to this commenti definitely agree. Chrome Experiments are a lot better than flash games! now if only chrome worked for Linux and Mac...
Reply to this commentMac has Safari - all those tests works in Safari too, and from years…
Reply to this commentSaw the demo. So just what does this do? I see a ball bouncing to different windows......so?
Reply to this commentyou shouldnt be here
Reply to this commentI agree, look. Can u write a code that links multiple aplications to create an interactive object? I think not. (FYI, neither can I.)
Reply to this commentthis is soooo much fun!!! :) a huge waste of time...love it!!
Reply to this commenthelo boss how do u do
Reply to this commentreminder: http://www.chromeexperiments.com/detail/browser-ball/#comment_13269
Reply to this commentnice work , this one of thinks that make google always on top .
Reply to this commentReally,it's fantastic,I'm very proud to by in my lap.
Reply to this commentIt's a fantastic creation that works well in my pc.
Reply to this commentDUDE! That is sooo cool! Man, that's wicked. I don't know how someone can do that such technology..... or mayb I don't spend enough time on the computer.
Reply to this commentI am using FF 2.0.0.6 using Firefox Portable, in a folder on my desktop, I do this so that I can quickly drag it to my jumpdrive when I have to head out, and have my browser with me wherever I need it, then drag it back to my desktop at home to bring all mobile changes back to my system.
This runs FAST as hell, I am on a 1GHZ AMD Duron Clocking 902Mhz ATM (As reported by Win+Break, makes me think this is AMD's version of the Intel "Celeron"), 320MB Ram (Yes I know, but I am poor, and every MB helps, as well as large swap file)
Cant wait to see this put to more use, moving of files in a graphic applet, ftp transactions and the like.
Reply to this commentThis was a colossal waste of part of my work day. I thank you but my employer does not.
Reply to this commentMuito Legal!!
(Very cool !!)
Reply to this commentDude...this is freaking AWESOME!!!!
Reply to this commentvery innovative, thank you for that great demo.
Reply to this commentDoesnt work for me in IE8 =/
Reply to this commentha haaaaha you are still using IE8 :)
firefox or chrome is the way to go .... i am still laughing
Reply to this commentIE8 sucks! chrome is the best there is
Reply to this commentGet a life then
Reply to this commentAwesome application!
Reply to this commentVERY freekin' COOL!
Reply to this commentWorks pretty well in FF. This is very very inventive, nice work Mark!
Reply to this commentNice job mate! This is very very very cool!
It crashed when I had the ball bouncing and i dragged a window to overlap two monitors, but I tried it after and that worked great! So it's probably something quite minor.
Reply to this commentCool !!!!! :)
Reply to this commentVery interesting effect in multi-monitor setup...
Reply to this commentYou think it looks cool in multi-monitor, you should see it wrap around the desktop cube with Compiz on Ubuntu!!!
Reply to this commentThat is a rad idea.
Reply to this commentI opened 10 windows and had that ball bouncing in and out of the different windows all over the place. I felt like a kid in a virtual playground having the time of my life!
Reply to this commentWorks great on Firefox 3.0.7, Ubuntu Intrepid, 2GHz machine. Smooth, although ball stuck once and had to be reset.
Reply to this commentReally fun time waster
To all the people who think that this is a security exploit. Chrome isolates pages from different SITES in to different processes. Windows/tabs from the same site have access to information about others.
Reply to this commentEu Já baixei o Google Chrome e ainda não consigo testar os efeitos de Java Script deste site. O que devo fazer?
Reply to this commentThis also works on Safari webkit, I guess not unique to chrome.
Reply to this commentWell I'm impressed. Now, I wonder how this sort of thing can be put to practical use...
Reply to this commentit works awesome in safari 4
Reply to this commentBecouse Webkit engine is in Safari since about 2003. And in Chrome since about 2008… :) Safari rox, Chrome too.
Reply to this commentI just tried it out in IE8. Runs fine.
Reply to this commentWho said it works in IE8? How come?
Reply to this commentApologies for the triple post, perhaps you could disable the SUBMIT button once it's been clicked? There was otherwise no indication that an AJAX postback was taking place.
Reply to this commentVery cool demo, shows off just what can be done with a little effort ... the only nagging thought I have is that I can't think of a single practical use for the technique, other than this demo! Great stuff anyway :)
Reply to this commentnice ball...
Reply to this commentWow that's a clever trick to pull off - works good in ff3 & safari 3 on osx. Fun to experiment with different windows! like the seamlessness between windows
Reply to this commentMark Mahoney: Could you modify this line:
var A = this,
inside mouse listeners to this:
var A = window,
That should make it work in Opera. I guess it's an Opera bug but would be cool if you could do that.
Reply to this commentDiz, thanks you for the tip; that's great to know. Unfortunately the fix isn't quite that easy. Because all child windows are executing code in the initial parent window via window.opener, changing 'this' to 'window' breaks dragging code everywhere except for the parent. Plus, it turns out performance in Opera is abysmal, at least on my MacBook Pro, so I'll save myself the embarrassment for the time being.
Reply to this commentMark, more proper fix: var A = (this.defaultView||this);
Please do this change.
Reply to this commentYou should try Opera 10 - it's much better then 9 on that demo.
As for the bug... good point, I haven't noticed this problem.
Bug with Opera is that in some cases it fires event for HTMLDocument even when listener was set for window. So possible workaround for that would be to get HTMLDocument.parentWindow when event target is document.
But that would be quite a hack so I'm not sure you should implement that. :)
Reply to this commentAnother fix needed.
Swap positions of these lines:
l.img.src = "img/logo.png";
l.img.onload = function() {setInterval(f, s)};
(If image is cached then onload will fire before listener is set.)
There is also canvas related crash on closing popup. If you want to workaround that, then check if popup "closed" property is not set before calling context.drawImage()
Reply to this commentAwesome, I will make those changes the next time I'm around my computer. Thanks again!
Reply to this commentinteresting but not impressed
Reply to this commentWow, this is really cool. Works wonderfully in FF
Reply to this commentWorks beautiful on Safari 4 on OSX. Just as smooth as on Chrome on windows.
Reply to this commentAwesome work Mark! Wasted hours of my time :) .
Reply to this comment#1 of the experiments. Nice work Mark!
Reply to this commentReminds me of boing! amiga demos from 20 years ago!
Reply to this commentseems neet at first,, then my coworker says, what happens if you have a couple windows?
then the fun begins 3 windows, step patterns, you name it. this thing is sick. true freedom from a window.
Reply to this commentSeems like an interesting idea, but I can't get it to work. I've tried running new instances of Chrome and just clicking the link, but neither has worked for me. =(
Reply to this commentI thought a lack of communication between tabs was a security feature of Chrome. Why then is someone able to communicate between tabs if they are in fact separate executions of Chrome.exe and separate threads? ? I see this a more of a security exploit than a game.
Reply to this commentOh My!! Astonishing incredible!!! Congratulation master!!!
Reply to this commentThis works much faster on Firefox 3.0.7 (windows) than on Chrome 2.0
Reply to this commentis this inspired from the BeOS demo?
Reply to this commentActually, someone else mentioned BeOS pre-site launch. I wasn't actually thinking about BeOS when I made this, but in retrospect, this was probably inspired by it, yes.
Reply to this commentChrome stuck unfortunately, the ball is not antialiased. Firefox is a clear winner.
Reply to this commentChrome worked great for me. I didn't know this was a competition. I thought it was a toy to demonstrate the javascript engine in chrome which is, hands down, superior to FF. BTW, it's about performance, not rendering quality.
Reply to this commentHuh? If the rendering quality is superior, wouldn't the performance get affected?
Reply to this commentUnless I'm mistaken, this is a malware-author's wet dream. People have enough trouble as-is in keeping track of which browser window has legitimate vs. phish content. If one browser window is allowed to push/inject/overlay content into another browser space all bets are off.
Reply to this commentyou are mistaken
the windows were all created from the same page with the same url, that is why they can share content. you still cannot get content from other browser windows
Reply to this commentthis is like inventing the nuclear bomb, but for web browsers. The only outcome will be death of the browsing experience by pop-up advertisers
Reply to this commentSee above reasons why that conclusion, in practice, turns out to be total BS. Trust me, no matter whether it's Java, Javascript, Flash... you have control and communication within the windows *you* make, nothing more. This can be a pain for legitimate queries sometimes (rarely, really), but it's a standard security feature that is well worth its existence.
Reply to this commentI want to throw shoes at the president.
Reply to this commentLOL! Yeah, I wanna throw shoes @ the president too! Please do this!!!
Reply to this commentWorks perfectly in Safari 3.2.1.. Why are they calling this a "Chrome Experiment?" Isn't this just a "Browser" experiment?
Reply to this commentProbably because google is paying the bills around here. Someone has to pay bandwidth, server space.
Reply to this commentUnbelievable stuff of JavaScripts
Reply to this commentI think a pee'd a little...
Reply to this commentIf you can dodge a wrench you can dodge a ball. Nice job killing time.
Reply to this commentThis is pure awesomeness.
Reply to this commentWorks perfectly in OmniWeb on the mac.
Reply to this commentsuprised with the results, the ball stucks on top of the screen once its pushed fast with the mouse in that direction - but this happened only in Chrome !!!
Google Need to work on it again
Reply to this commentDamn, this is great... I would never ever belive that it is possible, if I hadn't tried it live.
Unfortunatly it is damn slow on FF 3.0.7 (Ubuntu-canonical Version)
Reply to this commentWOW. That's pretty frigging cool.
Reply to this commentWorks on IE8!!!!
Reply to this commentIn Opera 9.63 dont work...
Reply to this commenti was dreaming to do something like this since 1999. honestly. big time chapeau
Reply to this commentWow, that's neat :)
Reply to this commentIts quite rare to get amused these days. But this one is really awesome. This window interactions feels like a new science in itself
Reply to this commentOh. My. God. This is the coolest thing Ive ever seen, I absolutely love it!!!! AWESOME!
Reply to this commentYeah, we all know it's cool but I'm more interested in how the browsers stack up.
MY RESULTS
Chrome 2.0 - aced it
Firefox 3.0 - worked a little slower
Safari 4 - didn't work well
Opera 9.x - didn't work at all
Netscape 9 - worked erratically ONLY when the windows overlapped
SeaMonkey - same as Netscape 9
IE7 - didn't even get off the ground. Total flop
Reply to this commentYou chose to pick the latest versions of every browser except IE. It works on IE8. Its like trying it on FF2 and calling FF a total flop. Stop misleading peeps.
Reply to this commentWell,
FF2 = history
FF3 = today
IE7 = today
IE8 = future
FF4 = future
etc
Reply to this commentBest waste of time ever.
(works fine on firefox 3.1 beta 3)
Reply to this commentLove the concept Mark! ^^
Reply to this commentincredible!
Reply to this commentThis Work Is just Out Of This World Whom So Ever's Mind Is there Behind This According To Me is the Most Genius Person On this Earth For Coding
Reply to this commentThis is going to be my epitaph.
Reply to this commentNice Mark...Very cool work! I'm happy to say that I am not making much money today as a consultant playing with this.
Reply to this commentMy minds in shock, my brain keeps telling me this isn't possible! OMG!
Reply to this commentit's hard to describe just how awesome this is.
Reply to this commentMark, very nice job. I'm going to have to study this technique.
Reply to this commentI want to make love to this, those balls are hot
Reply to this commentThanks for the distraction from work. This was pretty fun.
Reply to this commentThat's pretty fuckin' neat!
Reply to this commentThis actually IS cooler than you think it'd be. Surprisingly addictive as it is pointless! Good job!
Reply to this commentVery cool!
Reply to this commentNeat! Works fine on Iceweasel 3.06, Debian Lenny.
... but, but - the Phong highlight should move as the ball rotates! Anyone remember VRML?
Reply to this commentI am a Chinese.
Where are you from?
Reply to this commenti will to together you people
Reply to this comment