Google Gravity Pool Mr Doob Info

The search engine world is usually defined by order and efficiency, but developer Ricardo Cabello, better known as Mr.doob, famously broke that order with Google Gravity. Released in 2009 as a Chrome Experiment, this interactive toy reimagined the rigid Google homepage as a physics-based playground where everything—the logo, the search bar, and even the "I'm Feeling Lucky" button—tumbles to the bottom of the screen. What is Mr.doob’s Google Gravity?

Google Gravity is a web-based physics simulation that applies gravitational force to the standard Google UI.

The Effect: Once the page loads, every element loses its fixed position and crashes into a heap.

Interactivity: You can click and drag individual elements, tossing them around the screen to see them bounce and react to "impacts".

Search Capability: While it appears broken, the search bar originally functioned through an API, allowing users to search and see result boxes fall and stack on top of the pile. How to Use the Google Gravity Trick You can experience the experiment by following these steps: Go to the Google homepage. Type "Google Gravity" into the search box.

Instead of pressing Enter, click the "I'm Feeling Lucky" button.

Alternatively, you can visit the official experiment directly on Mr.doob’s website. The "Ball Pool" and Other Experiments

Often searched alongside Google Gravity, the Ball Pool is another iconic project by Mr.doob. It features a minimalist screen filled with colored spheres that respond to gravity and browser movement.

Physics Playground: Users can click the background to generate more balls, drag them around, or "shake" the browser window to scatter them.

Technological Impact: These experiments showcased the power of JavaScript and the emerging capabilities of modern browsers to handle complex real-time physics without third-party plugins. The Developer Behind the Magic Interview with Mr.doob google gravity pool mr doob

The Digital Downfall: Exploring Mr.doob’s Google Gravity & Ball Pool

If you’ve ever wanted to literally watch the internet break, look no further than the work of Ricardo Cabello , better known as . In 2009, he released Google Gravity

, a "Chrome Experiment" that turned the world’s most famous search engine into a physics-based playground. blog.google What is Google Gravity?

Unlike standard Easter eggs hidden by Google staff, Google Gravity was an external project designed to showcase what modern browsers could do with JavaScript and 2D physics engines. When you load the page, the familiar Google logo, search bar, and buttons lose their "stickiness" and tumble to the bottom of the screen. Interactive Physics:

You can grab any element—the logo, a button, or even search results—and toss them around the screen. Functional Search:

Surprisingly, you can still type into the fallen search bar. When you hit enter, new search results "fall" into the pile from the top of the screen. The "Pool" Experience: Ball Pool While often grouped with Google Gravity,

is another iconic Mr.doob experiment that functions as a literal physics sandbox. Instead of search elements, you interact with a screen full of colorful balls. Experiments with Google How to Play:

You can drag balls to throw them, click empty space to create new ones, and even shake your browser window to watch them bounce around. Technology: These experiments use the

physics engine, simulating real-world collisions, friction, and momentum directly in your browser. How to Experience It Today The search engine world is usually defined by

Because Google discontinued the API that powered the original search function in 2014, the "authentic" version on Mr.doob's site is now mostly a visual toy. However, you can still find fully functional versions: Direct Search: Go to Google and search for "Google Gravity." I'm Feeling Lucky: I'm Feeling Lucky button (or the first result leading to ) to trigger the collapse. Experimental Site: Mr.doob’s projects page to see the original code and other experiments like Google Space (zero-gravity) or Experiments with Google

Mr.doob’s work remains a landmark in web history, proving that even the most functional tools on the planet can be turned into a moment of digital joy. Google Easter eggs like the "Do a Barrel Roll" trick? Ball Pool - Mr.doob

Ball Pool. Hello! This is how it works: * Drag a ball. * Click on the background. * Shake your browser. * Double click. * Play!

Part 6: Technical Breakdown – How It Works Under the Hood

For the coders in the audience, here is the simplified engine behind the magic:

  • Box2D Library: Mr. Doob integrated a 2D physics engine (Box2D) to handle gravity, friction, restitution (bounciness), and collision detection.
  • DOM Manipulation: The script crawls the Google homepage, identifies every <div>, <input>, <img>, and <a> tag, and detaches them from the normal CSS flow.
  • Rigid Bodies: Each element is assigned a "body" with mass. The search bar is heavy; the tiny "Advanced search" link is light.
  • The "Pool" Aspect: In the pool version, the boundaries of the viewport (window.innerWidth and innerHeight) act as the pool table cushions. The restitution is set high (bouncy), and friction is low (slippery), mimicking a felt table.

Part 7: Variations and Spin-Offs

The success of Google Gravity Pool Mr Doob led to dozens of spin-offs. You might also enjoy:

  • Google Zero Gravity: Elements float up to the ceiling like balloons.
  • Google Magic: Elements orbit the mouse cursor.
  • Google Underwater: A parallax effect where the search bar distorts like it's submerged.
  • Google Pool (Full Billiards Mod): A version where the Google logo is replaced with a white cue ball and the "Search" button is the 8-ball.

Technical Magic: How Mr Doob Built It

For developers and curious geeks, the experiment is a masterclass in early HTML5 creativity. Here’s what’s happening under the hood:

  • DOM manipulation: Mr Doob’s script locates every element on the Google homepage (images, divs, input fields).
  • Box2D integration: Each DOM element is converted into a 2D rigid body with mass, friction, and bounciness.
  • Fluid simulation (Pool version): The "pool" adds buoyancy forces. Elements experience drag and upward lift based on their depth in the water.
  • Mouse interaction: Dragging elements applies real-time forces, allowing you to flick the Google logo across the screen.

All of this ran in browsers over a decade ago—without WebGL or heavy libraries. That’s why Mr Doob is a legend.

Who is Mr Doob?

You can’t fully understand "Google Gravity Pool" without knowing the creator.

Mr Doob (real name: Ricardo Cabello) is a Spanish developer and artist known for pioneering browser-based 3D and interactive experiments. He is also one of the core contributors to Three.js, the most popular JavaScript library for WebGL. Box2D Library: Mr

Around 2008–2010, Mr Doob created a series of "Google Experiments" that allowed users to play with the Google homepage in ways Google never intended. These included:

  • Google Gravity (standard falling version)
  • Google Sphere (search results orbit a 3D sphere)
  • Google Pool (the subject of this article)

His website, Mr.doob.com, remains a treasure trove of interactive web toys.

The Legacy of Mr Doob’s Google Experiments

It’s easy to dismiss "Google Gravity Pool" as a silly time-waster. But in reality, it was part of a movement that proved the browser could be a platform for interactive art.

Mr Doob’s work inspired countless developers to experiment with Canvas, WebGL, and physics engines. Today, you see his influence in:

  • Interactive museum kiosks
  • Educational physics simulations
  • Browser-based games
  • Creative coding portfolios

Even Google itself embraced the trend. For a time, "Google Gravity" became an Easter egg—if you searched for it, the results page would slowly fall apart (though that feature has since been removed).

How to Create Your Own Google Gravity-Style Experiment

Feeling inspired by Mr Doob? You can build a simple gravity experiment using modern tools:

  1. Learn Box2D Web or Planck.js (a JavaScript port of Box2D).
  2. Use the DOM elements of any webpage as physics bodies.
  3. Apply forces (gravity, mouse drag, buoyancy).
  4. Animate with requestAnimationFrame.

Alternatively, just search for "Mr Doob experiments" and enjoy the nostalgia.

What is "Google Gravity Pool"?

Google Gravity is a famous interactive web experiment created by Mr. Doob (a creative developer known for web experiments and three.js). While the original "Google Gravity" simply made the search engine elements fall to the bottom of the screen due to gravity, over the years, variations and similar physics experiments have emerged.

The "Pool" aspect usually refers to a specific interaction within these physics simulations. While Mr. Doob’s most famous creation is the standard "falling" Google, users often lump other interactive physics tests (like "Google Gravity Pool" or "Google Sphere") under the same umbrella.

In these experiments, the web page elements (logo, search bar, buttons) behave like physical objects. You can throw them around, stack them, and—specifically in the "Pool" context—knock them into one another like billiard balls.