When you load the page, the Google logo, search bar, buttons, and links immediately collapse and fall to the bottom of your browser window. The genius behind it is not just the visual chaos, but that the components remain interactive.
This guide is your all-access pass to that world. You'll learn the full story behind these iconic experiments, how to play them, and why they represent a pivotal moment in web history.
Google Gravity belongs to a golden era of internet Easter eggs. While Google did not officially create the Mr.Doob experiment, they fully embraced it. For years, if a user went to the official Google homepage, typed "Google Gravity" into the search bar, and clicked the "I'm Feeling Lucky" button, Google would automatically redirect them to Mr.Doob's website hosting the experiment. It sat alongside official Google pranks and tricks like: (which spins the screen 360 degrees). "Askew" (which tilts the search results page).
(where playable data-eating Os attack your search results). How to Play the "Full" Google Gravity Today
: You can click and drag individual elements—like the "I'm Feeling Lucky" button or the search bar—and toss them around the screen. They bounce and collide with a surprisingly satisfying sense of weight. google gravity pool mr doob full
Users can click and "throw" individual elements, which then bounce off the sides of the browser window with realistic physics. Functional Search:
Simply put, Google Gravity is a JavaScript-powered program that simulates the effects of gravity on the classic Google search homepage. The moment the page loads, every element—the logo, the search bar, the buttons, and the links—breaks free from its original position and plummets to the bottom of the screen with a satisfying thud.
Mr.doob is a renowned creative developer, and his work includes many other interactive visual experiments. If you enjoy Google Gravity, you might also like:
Here’s a helpful breakdown of — including what it is, how to access it, and what kind of content you can create around it. When you load the page, the Google logo,
Controls how high an element bounces when it hits the "floor" or another object. 2. Document Object Model (DOM) Manipulation
If you are interested in similar physics toys by the same creator, you can also check out Mr.doob's Ball Pool , where you can shake the browser to move colorful balls.
To appreciate Google Gravity and the Pool experiments, one must understand the state of web development in 2009. Flash was still the dominant tool for web animations, but it was resource-heavy and unoptimized for mobile devices. Mr. Doob was a pioneer in proving that browsers could handle complex rendering natively. 1. Box2DJS (The Physics Engine)
: You can still type in the search bar and press enter. Results will "fall" into the screen from above, piling up on the existing debris. You'll learn the full story behind these iconic
You can still type in the fallen search box and perform real Google searches.
100% safe. Mr. Doob is a respected developer. The scripts do not read your data or track you.
A JavaScript port of the popular 2D physics engine used in games like Angry Birds .