Re:Google I/O 2011 Countdown clock
by saintdev on Sunday May 08, 2011 @03:20AM
(#2525430)
Has anyone else noticed you can move most of the design elements around and they interact with the balls. Everything except the Android holding the QR sign, the clock itself and the copyright line can be dragged around. The Google IO logo is the only one that you can move, but doesn't interact with the balls.
Re:Google I/O 2011 Countdown clock
by yaix on Sunday May 08, 2011 @03:54AM
(#2525464)
re 1: I guess its more about "looking amazing", not about usability. I looked at the clock and forgot to look at the date (had to re-open the tab to see when the event was). Looks amazing, though.
re 2: I think that's intentional, because you can drag-and-drop all items on the page. Just drag the title from behind the QR to an empty place on the page.
re 3: Dunno. My arm seems to be a bit slow to actually move many balls simulateously with sufficient FPS.
Re:Google I/O 2011 Countdown clock
by abhishektwr on Sunday May 08, 2011 @06:57AM
(#2525682)
Initially I thought they have done this using HTML5 but not. A closer look on source code and then each ball is just image like this one http://www.google.com/events/io/2011/static/img/ball-13acfa...., so lot of them and Javascript to animate them. Quite heavy though.
It's missing Lennon (alas), Rube Goldberg, and Earth Day (which'll probably get up eventually), along with some other ones that were simple click-through images.)
Re:Google I/O 2011 Countdown clock
by pstack on Sunday May 08, 2011 @07:50PM
(#2527030)
Yeah, I was going to mention FF4, but didn't want to start a browser preference war. Also, I tend to not be very impressed with things that only work (or work well) on one modern browser, but not others.
Re:Google I/O 2011 Countdown clock
by masklinn on Sunday May 08, 2011 @07:54AM
(#2525742)
Probably depends on your browser. Stutters on Camino (~Firefox 3.0) when there are lots of balls, runs OK in safari 5, butter smooth in Opera 11.10 and the latest webkit trunk.
This is on a base 2010 macbook upgraded to 8GB RAM.
https://sites.google.com/site/lastcallforio2011/quickfire-su...
This is how I got my Google IO ticket.
* The android holding the QR code covers up the time. I think the designer has a larger monitor than me. :-)
* The balls bouncing around sometimes interact with each other and sometimes don't. That's a nice hack to make it 2.5-D.
* The balls that don't move still flicker when the number changes. Fixing that would make it slicker.
Overall, a great concept. :-)
re 2: I think that's intentional, because you can drag-and-drop all items on the page. Just drag the title from behind the QR to an empty place on the page.
re 3: Dunno. My arm seems to be a bit slow to actually move many balls simulateously with sufficient FPS.
Very well done!
:)
http://www.google.com/logos/particle.html
(Actually, almost all the interactive doodles are up in the archive:
PacMan: http://www.google.com/pacman/
Buckyball: http://www.google.com/logos/buckyball.html
Particle Ball: http://www.google.com/logos/particle.html
Instant: http://www.google.com/logos/logos10-3.html (halfway down on the page)
Jules Verne: http://www.google.com/logos/verne.html
Bunsen: http://www.google.com/logos/bunsen.html
Charlie Chaplin: http://www.youtube.com/watch?v=3NGSU2PM9dA&feature=playe...
It's missing Lennon (alas), Rube Goldberg, and Earth Day (which'll probably get up eventually), along with some other ones that were simple click-through images.)
Edit: Nevermind, it's just the Android robot and QR code that I can't move
This is on a base 2010 macbook upgraded to 8GB RAM.