While the original Google Gravity experiment made headlines, the "slime" or fluid-simulated variations represent the evolution of this fun web classic. What is Google Gravity by Mr.doob?
: The experiment uses JavaScript and HTML5 to simulate motion, collisions, and weight, making objects bounce realistically against each other and the edges of the browser window. Legacy and Versions The Original : Still hosted on Mr.doob's website
The internet of the late 2000s and early 2010s was a playground of experimentation. Before web design became standardized and corporate, developers treated the browser window as an open canvas for art, humor, and physics simulations. At the intersection of this digital renaissance sits , a viral interactive experience created by the visionary tech artist Mr. Doob (Ricardo Cabello).
Performance budget (5): Give a simple performance budget (fps target, max CPU usage hint, polyfill strategy) for desktop and mobile.
Ricardo Cabello, better known as Mr.doob , is a self-taught computer graphics programmer. He is widely recognized for creating , a popular JavaScript library used to create 3D animations in web browsers. In March 2009, he released Google Gravity as part of the original Chrome Experiments , a showcase for the then-emerging capabilities of HTML5 and JavaScript. How Google Gravity Works Google Gravity Slime Mr Doob
Visiting mrdoob.com grants access to a living archive of his projects, ranging from old-school particle attractors to cutting-edge WebGL terrains.
Fluid simulations on the web require complex mathematics based on the Navier-Stokes equations, which describe how fluid substances move. In the context of browser experiments, creators simplify these equations to run smoothly at 60 frames per second. Popular Variations
Early versions of these experiments relied heavily on the HTML5 element. The canvas allowed developers to draw shapes and move them pixel by pixel using JavaScript loops. While revolutionary for its time, processing thousands of moving particles on a standard computer CPU often caused performance lag. 2. WebGL and Hardware Acceleration
The elements don't just fall; they bounce and collide with one another realistically, thanks to the Box2D JavaScript library used to simulate 2D physics. While the original Google Gravity experiment made headlines,
Because web browsers have evolved and Google has updated its security protocols and search architecture, the original experiment no longer runs directly on the official Google homepage. However, the project has been meticulously preserved.
You can experience it by searching for "Google Gravity" on Google and clicking the "I'm Feeling Lucky"
His most famous creation remains Google Gravity , released around 2009. But he didn't stop there. He built dozens of other physics-based toys, including Google Sphere, Google Balls, and—most relevant to our keyword—.
Users could click, drag, and violently toss the shattered pieces of the Google interface around their screen. Legacy and Versions The Original : Still hosted on Mr
At its core, Google Gravity is an interactive web experiment that digitally dismantles the Google homepage. When you load the page, the classic interface—logo, search bar, buttons, and all—collapses to the bottom of the screen as if suddenly caught in a strong gravitational field. But the fun doesn’t stop there. Once the elements fall, you can grab them with your mouse, fling them around the screen, and watch them bounce off each other and the edges of your browser window. You can literally pick up individual letters from the Google logo and toss them across your monitor, all while the search bar remains fully functional (if a bit tricky to find). It's a chaotic, mesmerizing sandbox that turns one of the world's most static web pages into a dynamic, interactive playground.
Originally introduced as a part of the Chrome Experiments initiative, this digital toy remains one of the most famous browser-based physics demonstrations in internet history. What is Google Gravity by Mr. doob?
Launched as part of the "Chrome Experiments," Google Gravity remains one of the most iconic interactive pieces on the web. Upon loading the page, the user is presented with the familiar Google interface, but the illusion is short-lived. Affected by a simulated gravitational pull, the elements—the logo, the search bar, the buttons—succumb to physics, crashing to the bottom of the browser window in a heap of digital rubble.
