Google Gravity Slime Mr Doob | 90% Best |

Mr. Doob is the online alias of , a Spanish-born, London-based creative coder. Since the mid-2000s, he has been a legend in the experimental web community. His claim to fame is "Google Gravity" —a JavaScript trick that makes the Google homepage "fall apart." Elements like the search bar, logo, and buttons become physics-based objects: they tumble, stack, and bounce around the screen like they are made of paper in zero gravity.

Mr.doob himself pioneered early iterations of this work through projects like and Water Type . In these experiments, elements do not just bounce; they melt, ripple, deform, and flow like digital lava or slime. Simulation Type Core Engine Concept Element Behavior Interaction Style Classic Google Gravity Box2D / Rigid Body Physics Solid rectangular components crash and pile up. Flinging, stacking, and dragging blocks. Google Gravity Slime / Lava Fluid Dynamics / Metaballs Components liquefy, stretch, dissolve, or melt together. Splattering particles, stretching goo, or creating waves.

Google Gravity was originally launched in 2009 as a tech demonstration showcasing the capabilities of early HTML5, CSS3, and JavaScript web engines. When a user visited the page, the familiar Google interface—the search bar, buttons, and logo—initially appeared completely normal. However, after a split second, the invisible scaffolding holding the page together vanished. Every single text box, button, and menu link dropped heavily to the bottom of the browser window, landing in a chaotic, jumbled pile.

Ricardo Cabello, online moniker Mr. Doob, is a Spanish developer and pioneer in web graphics. He is best known for creating and maintaining , a popular JavaScript library used to display 3D computer graphics in a web browser without plugins. Google Gravity Slime Mr Doob

Originally built in 2009 to showcase the capabilities of JavaScript and HTML5, the "piece" functions as an interactive parody of the Google homepage where every element—the search bar, logo, and buttons—tumbles to the bottom of the screen due to simulated gravity. Key Features of the Piece Interactive Physics

So he tweaked the code. Just a little. He changed the gravitational constant, added a viscosity variable, and renamed it Google Gravity Slime .

When users look for "Google Gravity Slime," they are typically looking for sites that apply fluid particle systems to the browser window. Clicking splits the interface into red squares or liquid droplets that flow around obstacles, creating a highly satisfying digital toy. The Legacy of Mr.doob: From Easter Eggs to Three.js His claim to fame is "Google Gravity" —a

Because "Google Gravity Slime" is not an official Mr. Doob experiment, finding a working version requires a little digging:

Section B — Practical tasks (40 marks — 2 × 20) 5. JavaScript snippet (20 marks): Write a minimal, self-contained JavaScript + HTML structure (no external frameworks) that creates a single draggable DOM element that falls with gravity and bounces when hitting the bottom of the viewport. Include comments and explain three lines that control physics behavior. (Mark: 10 for working code, 10 for explanations and clarity.)

: In its original iteration, typing a query into the collapsed search box and hitting enter would trigger live search results via Google's Web Search API. Instead of a clean list, the incoming search results fell from the top of the viewport, piling onto the rubble at the bottom of the screen. Behind the Code: Who is Mr. doob? Share public link

The search bar, the Google logo, the buttons, and the text links lose their fixed positions. They drop heavily to the bottom of the browser window as if pulled down by real-world gravity. 2. The Slime Physics

: Simulates zero-gravity where elements float freely.

If you want to explore more interactive browser projects, let me know if you would like a list of , retro Google Easter eggs , or creative coding portfolios to try out next. Share public link