javascript:window.location.href='https://mrdoob.com/projects/chromeexperiments/google-gravity/';
While the original Google Gravity by Mr. Doob made the page collapse to the bottom of the screen, the "Slime" or "Fluid" variations (often hosted on sites like elgooG ) took it a step further. Key Features of the Experience:
Here’s what happens:
Because Mr. Doob is the creator of Three.js, the optimization is generally excellent. On modern hardware, the frame rate stays high, ensuring the animation remains smooth. i--- Google Gravity Slime Mr Doob
: Surprisingly, the search bar still works. Type a query and press Enter; new search result "blocks" will fall from the top and join the pile at the bottom.
Code libraries (such as Matter.js or custom engines written by Cabello) that calculate mass, velocity, friction, and collision boundaries for every object on the screen.
The addition of the word "Slime" to this search query typically stems from two separate aspects of web development and gaming history: 1. Liquid and Voxel Physics Experiments javascript:window
Similarly, is another unique experiment. When activated, you are presented with a surface grid of small boxes (or "cubicles") and a single red "lava" box. You can move the red box around the grid, placing it on any of the squares to create patterns and structures, transforming the screen into a simple but engaging puzzle-like playground. In these variations, Mr. Doob moved away from parodying Google’s interface and instead focused on creating pure, visually interesting interactive toys.
Google Gravity is an interactive, browser-based simulator created as a parody of the Google homepage. Instead of a static page where elements stay frozen in place, Google Gravity subjects the entire user interface to simulated planetary gravity.
Alternatively, you can visit elgooG, which maintains an upgraded version of the experiment. Doob is the creator of Three
The convincing physics of Google Gravity is powered by a combination of clever web technologies. The core of the simulation is , an open-source 2D physics engine originally written in C++ and ported to JavaScript. This engine is famous for powering popular video games like Angry Birds and is responsible for calculating gravity, inertia, collisions, and bounces in real time. Mr. Doob then used JavaScript and HTML5's DOM manipulation capabilities to dynamically detach each page element (like the logo or search bar) from its static position and apply the positions calculated by Box2D. This transforms a static webpage into an interactive physics environment, which Mr. Doob’s website (mrdoob.com) has become a celebrated hub for.
Over the years, the massive popularity of the original physics trick sparked community forks, variations, and search mutations. Prominent among these mutations are search terms blending "Google Gravity" with phrases like "Slime" or "Lava". These variations represent a distinct era of interactive web toys that transformed static Document Object Model (DOM) elements into manipulable, physics-bound entities. The Evolution of Mr.doob’s Physics Experiments Mr.doob | Three.js Quake
"i--- Google Gravity Slime Mr Doob" is more than just a trick; it’s a nostalgic and artistic representation of web technology's evolution. It serves as a fun reminder of how creative developers can turn a mundane task like searching into a playground.
How did Mr. Doob create this? The experiment uses a combination of: To render the graphics in real-time.
The aesthetic relies heavily on real-time rendering. The "slime" is usually depicted as a semi-translucent, glossy substance that retains a sense of weight and volume. The lighting effects are surprisingly sophisticated for a browser window; highlights roll across the surface of the slime as it moves, giving it a 3D, almost wet appearance. It captures the specific gross-but-satisfying texture of ectoplasm or green science-fiction sludge.