Google Gravity Slime Mr Doob -

Duration: 60 minutes
Total marks: 100

Instructions:

Section A — Short answer (20 marks — 4 × 5)

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.)

Section C — Design & UX (20 marks — 4 × 5) 7. Accessibility (5): List three accessibility considerations when turning a functional search page into an interactive gravity/slime experience and propose one concrete mitigation for each.

Section D — Advanced challenge (20 marks — choose one) — answer your chosen task fully

Option A — Optimization (20): Given 200 draggable elements behaving like slime, describe an optimized update loop and collision strategy that minimizes CPU and memory churn. Include pseudo-code for the main loop and explain use of spatial partitioning or level-of-detail.

Option B — Remix & extend (20): Propose an extension to the Google Gravity Slime that adds realistic viscosity changes (e.g., syrup vs. water) controlled by a UI slider. Provide formulas or algorithmic steps to alter damping, spring stiffness, and collision restitution; include how to smoothly interpolate values and persist user preference locally.

Grading rubric (brief)

Answer format requirement:

End of examination.

Google Gravity is a popular interactive Chrome Experiment created by web developer Ricardo Cabello (better known as Mr.doob). Originally released in 2009, it transforms the standard, static Google homepage into a physics playground where every element—from the logo to the search bar—succumbs to gravity and crashes to the bottom of the screen. How to Use It To experience the "gravity" effect: Go to the Google homepage. Type "Google Gravity" into the search bar. Click the "I'm Feeling Lucky" button.

Note: If you press "Enter" or click "Google Search," you will just see normal search results; you must use "I'm Feeling Lucky" to trigger the redirect to Mr.doob's experiment page. Key Features & Interaction

Physics Engine: The experiment uses the Box2D JavaScript library to simulate 2D physics, including collisions, momentum, and friction.

Interactive Chaos: Once the elements fall, you can click and drag any piece—the search bar, buttons, or logo—and toss them around the screen to watch them bounce. Google Gravity Slime Mr Doob

Live Search: In the original version, you could still type into the fallen search bar and hit enter, causing new search results to fall from the top and join the pile. Related Projects by Mr.doob

Ricardo Cabello is also the creator of other famous browser toys often associated with "Google Gravity":

Google Space: A zero-gravity version where elements drift and float aimlessly as if in orbit.

Google Sphere: Causes all links and text to rotate in a 3D sphere around the logo.

Ball Pool: An experiment where you can click to create colorful balls that interact with one another and the browser edges. Mr.doob | Three.js Quake

Title: The Interactive Void: Deconstructing the Playful Subversion of Google Gravity and Slime

Introduction In the rigid architecture of the modern internet, the search engine homepage stands as a pillar of stability. For billions of users, the pristine white background, the colorful logo, and the solitary search bar represent the gateway to knowledge—a digital equivalent of a pristine library. However, in the realm of digital art and experimental web design, this stability is often a canvas for chaos. Among the most enduring examples of this phenomenon are the projects hosted by Mr. Doob, specifically "Google Gravity" and the fluid, tactile simulations of "Slime." These interactive web experiments do more than merely entertain; they deconstruct the sanitized user experience, transforming a tool of utility into a playground of physics and subversion.

The Architect of Play: Who is Mr. Doob? To understand the cultural impact of Google Gravity and Slime, one must first understand their creator. Ricardo Cabello, known in the digital sphere as Mr. Doob, is a web developer and creative coder who gained prominence for his innovative use of WebGL and Three.js. His work is characterized by a desire to push the boundaries of what a web browser can do, moving beyond static information delivery toward immersive, real-time 3D experiences. Mr. Doob’s projects are not corporate products; they are artistic statements that challenge the passive relationship between the user and the interface. By making the browser window a stage for physics simulations, he invites users to break the rules of the web.

Google Gravity: The Collapse of Authority 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.

The brilliance of Google Gravity lies in its comedic timing and its subversion of corporate authority. Google, a company synonymous with algorithmic precision and order, is reduced to a pile of clickable debris. Yet, the experiment retains its functionality; users can still type in the fallen search bar and hit the "Google Search" button, which prompts the results to fall from the top of the screen, piling onto the existing mess. This transforms the utilitarian act of searching into an act of discovery amidst chaos. It serves as a reminder that the digital interfaces we treat as immutable laws are merely arrangements of code, subject to manipulation and disarray.

Slime: Tactility in a Flat World While Google Gravity subverts structure, Mr. Doob’s various "Slime" and fluid simulations subvert the visual sterility of the web. In an era where "flat design"—characterized by clean lines, sharp edges, and minimal textures—reigns supreme, the Slime experiments introduce a visceral, organic aesthetic. These simulations render dynamic, gelatinous blobs that react to user input, stretching, merging, and pulsing with pseudo-life.

The appeal of Slime is rooted in the concept of "satisfying" digital interaction. The web has historically been a visual but physically unresponsive medium; clicking a link provides little tactile feedback. The Slime experiments bridge this gap by simulating viscosity and elasticity. Dragging the cursor through the slime provides a sensory satisfaction that creates a striking contrast to the smooth, frictionless nature of modern UI design. It represents a yearning for the tangible in a digitized world, proving that code can mimic the messy, fluid reality of the physical universe.

The Technical and Artistic Significance Technically, both experiments are showcases of JavaScript and WebGL capabilities. They were pivotal in demonstrating that the web browser could handle real-time physics calculations and 3D rendering previously reserved for native software applications. Google Gravity was a testament to the flexibility of DOM manipulation, while the Slime projects showcased the power of fragment shaders and particle systems.

Artistically, these works belong to the tradition of the "Ready-made"—taking an existing object (the Google interface) and recontextualizing it. They act as a form of digital détournement, turning a tool of commerce and data extraction into a toy. They democratize the web experience, reminding the user that they are not just consumers of content, but participants in a programmable environment. Duration: 60 minutes Total marks: 100 Instructions:

Conclusion Google Gravity and the Slime simulations by Mr. Doob are more than mere internet curiosities or time-wasting diversions. They represent a pivotal moment in web culture where the lines between developer, artist, and user began to blur. By introducing physics—gravity and viscosity—into the sterile environment of the search engine, Mr. Doob stripped away the pretense of digital perfection. He created a space where the user is encouraged to play, to break, and to mold the internet, reminding us that even in a world of rigid algorithms, there is always room for a little bit of a mess.

Google Gravity is a famous interactive experiment created by developer Ricardo Cabello, better known as Mr.doob. Originally launched in March 2009 as part of Chrome Experiments, it reimagines the static Google search page as a dynamic playground governed by 2D physics. Features and Experience

Physics-Driven Chaos: Upon loading the page, all interface elements—including the Google logo, search bar, and buttons—lose their "grip" and crash to the bottom of the screen.

Interactive Play: You can click and drag any element to toss it around. The objects bounce realistically, colliding with each other and the edges of your browser window.

Simulated Search: The original version utilized Google’s Web Search API, allowing you to actually type and search; the search results would then drop into the "pile" at the bottom of the screen.

Technological Foundation: It was built using JavaScript and the Box2D physics engine, demonstrating the ability of modern browsers to handle complex real-time simulations. How to Access It

While it is no longer an active part of the live Google homepage, you can still play with it through these mirrors:

Mr.doob's Projects: The original host site maintained by the creator.

elgooG: An enhanced version that restores the search functionality and adds features like a dark theme and mobile optimization. Notable Variations

Mr.doob and other developers have created several spin-offs based on the same physics concepts: Mr.doob | Three.js Quake

(2009) causes the search page to collapse into a heap of interactive blocks, the

version—often referred to as "Google Gravity Lava" or "Google Gravity 3D"—adds fluid-like physics and trail effects to the moving elements. Key Features of Mr.doob’s Gravity Experiments Physics Engine : These projects were originally created for Chrome Experiments

to demonstrate the then-new capabilities of HTML5 and JavaScript. Interactive Elements

: Users can grab the Google logo, search bar, and buttons with their mouse or finger to fling them across the screen. Slime/Lava Effect Section A — Short answer (20 marks — 4 × 5)

: In the specific "Slime" variant, elements often leave trails or behave like viscous fluid on a grid, allowing you to add and move "squares" that react to gravity like liquid. Modern Restoration

: Because the original Google Search API was retired in 2014, sites like

have restored the project with mobile optimization and working search functions. Popular Google Gravity Variants by Mr.doob Google Gravity : The iconic original where everything falls to the bottom. Google Zero Gravity (Antigravity)

: Elements float freely as if in space, drifting and spinning when touched. Google Gravity Slime/Lava

: A grid-based version where clicking adds interactive blocks that move with liquid-like physics. Google Sphere

: Search results orbit the center of the screen in a 3D cloud. How to Access You can find these experiments directly on Mr.doob’s official project page or via the restored archives at Interview with Mr.doob

━━━━ Ricardo Cabello, aka Mr. doob, is a self-taught web developer based in London (he originally hails from Barcelona). GitHub Pages documentation Google Zero Gravity trick and how does it works – PBS

If you want to experience the slime for yourself, here is how you can dive in:

So where does slime come in?

While Google Gravity makes the interface fall apart, Google Slime (sometimes called "Mr. Doob Slime" or "Google Slime Mr Doob") is a separate, equally addictive experiment. In this simulation, the Google homepage is replaced by a viscous, gooey, slime-like substance that reacts to your mouse cursor.

You can drag your mouse through the slime, stretch it, tear it, and watch it ooze back together. The letters of "Google" morph and deform like jelly. It’s not actually a slime toy in the sensory way (no squishing sounds or sparkles), but it captures the physics of a non-Newtonian fluid better than almost any 2D browser toy from its era.

Why do developers still study Mr. Doob’s work? Because he built these toys before WebGL was mainstream.

These weren't just gimmicks—they were proof-of-concepts for what would become browser-based games, interactive ads, and 3D product configurators.