The simulation utilizes a JavaScript port of a 2D physics engine (similar to Box2D). The engine assigns physical properties to standard HTML elements, including:
In an era where the internet has become highly corporate, streamlined, and optimized for maximum productivity, experiments like the Google Gravity Pool offer a nostalgic glimpse into the "weird web."
Used to structure the webpage elements so they could be manipulated individually.
Upon loading the page or clicking the I'm Feeling Lucky button, every element of the search page—the logo, buttons, and search bar—succumbs to gravity and crashes to the bottom of the browser window.
You can grab elements and move them.
Once you have running, here’s what you can do:
The objects react dynamically if the browser window is resized or shaken.
In the early days of HTML5 and browser experimentation, a few creative developers pushed the boundaries of what a web page could do. Among the most iconic, memorable, and playful experiments was by Mr.doob .
When a user loads the page, the search box, Google logo, buttons, and text links instantly lose their fixed positioning. The underlying code treats these elements as rigid physical bodies. google gravity pool mr doob full
allow you to actually type and search; the results will then fall from the top of the screen into the pile. Related "Gravity" & Physics Experiments by Mr.doob
: The search bar remains functional; entering a query and pressing Enter will drop the search results into the pile at the bottom of the screen.
Beyond its entertainment value, Google Gravity also holds significant artistic and educational merit. The project showcases the creative potential of web development and the possibilities of interactive storytelling. By experimenting with the boundaries of physics and gravity, Mr. Doob has crafted an immersive experience that encourages users to explore and learn.
Google Gravity Pool Mr Doob Full: The Ultimate Guide to the Iconic Browser Experiment The simulation utilizes a JavaScript port of a
You can pick up the pieces, throw the search box around, and watch the “Google” letters bounce and tumble. It’s chaos. It’s fun. And it was one of the first “Google Easter eggs” to go viral.
: A simulation where the Google homepage elements (logo, search bar, and buttons) "fall" to the bottom of the screen as if affected by gravity.
Google Gravity is a popular web experiment created by Ricardo Cabello (known as
