The Chaos of Google Gravity: Exploring Mr. Doob’s Digital Playground
Have you ever looked at the clean, organized Google homepage and thought, "I wish I could just knock all of this over" In 2009, developer did exactly that. His creation, Google Gravity
, became an instant internet classic, transforming the world’s most famous search engine into a pile of interactive rubble. But beyond the falling logos, there is a whole world of "lava" and "space" experiments to explore. What is Google Gravity? Google Gravity
is a Chrome Experiment that applies physics to every element on the Google homepage. The moment you move your mouse, the search bar, buttons, and logo lose their grip and tumble to the bottom of your browser window. Interactive Physics:
You can grab any piece—like the "I'm Feeling Lucky" button—and toss it around the screen. Searchable Chaos:
In its prime, you could still type into the fallen search bar and watch the search results fall from the top like heavy bricks. The "Lava" and "Voxels" Mystery When people search for "Google Gravity Lava,"
they are often looking for Mr. Doob’s more creative 3D experiments. While there isn't a literal "lava" search engine, several projects capture that "floor is lava" energy: Google Under Lava:
A popular variation that creates a graph-like surface where you can build structures out of red 3D squares. One of Mr. Doob’s most famous creations,
, allows you to click to add 3D blocks to a grid, effectively letting you build "lava" structures or houses in a browser-based sandbox. Google Underwater:
Another fan favorite where the search bar floats on water and fish swim past. If you search for "sharks," they’ll literally drop into your digital ocean. How to Play (The "I'm Feeling Lucky" Trick)
You can still access these experiments today. The most famous way to find them is the "I'm Feeling Lucky" shortcut: Go to the main "Google Gravity" "Google Gravity Lava" into the search box. Instead of hitting Enter, click the "I'm Feeling Lucky" Watch the world fall apart! Why We Still Love It These experiments by
weren't just toys; they were early proof of what modern browsers could do with JavaScript and physics engines. They turned a static, functional tool into a tactile playground, reminding us that the internet can—and should—be a little bit messy. Which Mr. Doob experiment is your favorite?
Let us know if you managed to build a house in the "Lava" grid! hidden within Google? Voxels - Mr.doob
0 - 9: colors, click: add voxel, shift + click: remove voxel, drag: rotate | share save clear. Mr.doob | Three.js Quake
Google Gravity is a classic piece of internet history created in 2009 by developer Ricardo Cabello, better known as Mr.doob. It originally launched as a "Chrome Experiment" to showcase the power of modern browsers and JavaScript physics. 🪂 What is Google Gravity?
When you load the page, the familiar Google interface suddenly loses its foundation. The logo, search bar, and buttons all crash to the bottom of the screen.
Interactive Physics: You can click and drag any element—like the logo or "Search" button—and toss them around the screen.
Believable Motion: The objects bounce and settle with realistic weight, turning the search engine into a virtual sandbox.
Searchable Chaos: In the original version, you could still type and search; the results would simply fall from the top and pile onto the existing mess. 🌋 The "Lava" Variation
The "Google Gravity Lava" (sometimes called Google Under Lava) is a specific spin-off that adds a creative building layer to the physics:
Grid Surface: Instead of a standard search page, it features a 3D graph-like surface.
Construction: You can click the surface to spawn red squares, allowing you to build structures like houses or ladders.
Environmental Interaction: Some versions include "underwater" or "lava" themes where elements drift through liquid or interact with a shifting terrain. 🛠️ The Tech Behind the Fun
Mr.doob is a pioneer in web graphics and the primary author of three.js, a famous JavaScript library for 3D content. These experiments weren't just for laughs; they proved that web browsers could handle complex physical simulations without needing external plugins. 🚀 How to Try It
While Google's own homepage has changed, you can still play with these experiments on dedicated archive sites: Original Gravity: Visit the project directly at mrdoob.com.
Restored Versions: Sites like elgooG maintain versions that still allow you to "search" and watch the results fall.
doob’s experiments, or do you want to find other Google Easter eggs like "Do a Barrel Roll"?
Google Gravity Lava is an interactive web experiment that merges the physics-based chaos of the classic Google Gravity trick with a unique "lava" graph interface. Created by the digital artist Mr.doob (Ricardo Cabello), this experiment allows users to manipulate search page elements as they collapse and interact with a customizable red-block surface. What is Google Gravity Lava?
Google Gravity Lava is a variant of the original "Google Gravity" Chrome experiment. While the standard version simply causes the Google homepage to tumble to the bottom of the browser, the Lava version introduces a structured graph surface.
The Graph Surface: Users see a grid-like platform at the bottom of the screen.
Interactive Blocks: By clicking on this surface, users can add red squares or "lava" blocks to the environment.
Building Structures: These blocks can be used to construct houses, ladders, or abstract shapes, turning the search engine interface into a digital sandbox. The Creator: Mr.doob (Ricardo Cabello)
The experiment was developed by Mr.doob, an influential coder and digital artist best known for creating the Three.js library. Originally built using Adobe Flash at the studio Hi-ReS! in 2006, it was later converted by Mr.doob into a JavaScript experiment for the launch of Google Chrome Experiments.
Mr.doob is celebrated for turning static web pages into playgrounds using:
JavaScript & Box2D-js: These tools power the realistic physics, allowing elements to collide, bounce, and react to dragging motions.
HTML5: The transition from Flash to HTML5 made these tricks accessible across modern browsers. Play Google Gravity - elgooG
The Physics of Play: Ricardo Cabello’s Digital Chaos In the early era of modern web development, a simple search engine interface became the playground for one of the most iconic interactive experiments in digital history: Google Gravity . Created by Ricardo Cabello, better known by his handle Google Gravity Lava Mr Doob
, this project shifted the perspective of the web from a static collection of documents to a dynamic, physics-bound environment. The Architect of Gravity Ricardo Cabello
is a pioneer in creative coding, widely recognized for his role in developing
, a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser. Before Three.js became the industry standard for 3D web content, Cabello explored the boundaries of the digital medium through projects like Google Gravity, which was originally developed at the creative agency
using Adobe Flash before being ported to JavaScript and HTML5. Mechanical Chaos: How It Works
Google Gravity operates on a simple but profound "what if" scenario: What if the elements of a webpage were subject to the laws of Newtonian physics? The Descent : Upon loading the Google Gravity page
, the familiar search bar, logo, and buttons remain suspended for a split second before crashing to the bottom of the browser window as if pulled by an invisible force. Interactive Interaction : The project uses the Box2D physics engine
to treat every UI element as a "box" with weight and collision properties. Users can click and "throw" the search bar or the Google logo, watching them bounce off the edges of the screen or collide with other elements in a realistic fashion. Lava and Visual Variations
: While "Google Gravity Lava" often refers to user-generated variations or specific visual mods within the broader "gravity" experiment community, the core concept remains the same—applying fluid or particle-like physics to rigid web elements. Some iterations, like the "Voxels" experiment by Mr.doob, allow users to build and interact with colored blocks, mirroring the tactile, experimental nature of "lava" or fluid simulations. Impact on Web Design
Google Gravity was more than just a "trick" or an Easter egg; it was a masterclass in interactive web design
. It demonstrated to a generation of developers that the browser was not just for reading text, but a powerful engine capable of simulating complex, real-world behaviors. It bridged the gap between functional utility and digital art, proving that even the most recognizable interfaces could be deconstructed to create a sense of wonder. Today, Mr.doob's portfolio continues to host these Chrome Experiments
, serving as a digital museum for the early days of the interactive web and a testament to the creative potential of simple physics applied to complex code. Google Gravity - Mr.doob
In the early 2000s, the internet was still in its infancy, and websites were relatively simple. However, amidst the sea of basic web pages, one site stood out for its creativity and innovation: Google Gravity, also known as "Mr. Doob's Google Gravity." This interactive website was created by a young developer named Mr. Doob, whose real name is Ruben Martinez.
Ruben, a self-taught programmer and artist, had always been fascinated by the possibilities of the web. He spent countless hours experimenting with HTML, CSS, and JavaScript, pushing the boundaries of what was thought possible. In 2009, he created Google Gravity as a side project, inspired by the then-popular Google homepage.
The original Google homepage was known for its simplicity and minimalism. But Ruben wanted to subvert this design philosophy and create an immersive experience. He achieved this by using JavaScript to manipulate the DOM (Document Object Model) of the webpage, making it respond to user interactions in unexpected ways.
When users visited Google Gravity, they were greeted with a seemingly normal Google homepage. However, as soon as they started interacting with the page – typing in the search bar, clicking on buttons, or even just moving their mouse – the page began to change. The Google logo, search bar, and other elements would suddenly fall towards the bottom of the page, as if affected by gravity.
The site quickly gained popularity, with users sharing their experiences on social media and blogs. People were amazed by the site's interactivity and creativity. It was as if the webpage had come alive, responding to their every move.
As Google Gravity's fame grew, Ruben began to receive attention from the media and other developers. He was interviewed by prominent tech blogs and websites, and his work was featured in various online showcases. The site also inspired a new generation of developers to experiment with interactive web design.
However, Ruben's creation wasn't without its challenges. Google, the company, wasn't too pleased with the site, as it used their branding and intellectual property without permission. Ruben eventually removed the site from the web, but not before it had left a lasting impact on the world of web development.
Years later, the legacy of Google Gravity lives on. It has inspired countless developers to create interactive and immersive web experiences. The site's influence can be seen in modern web design, with many websites incorporating similar interactive elements.
Ruben Martinez, aka Mr. Doob, continues to work on various projects, pushing the boundaries of what's possible on the web. His work serves as a reminder of the power of creativity and innovation, and the impact that one person can have on the digital world.
Some notable features of Google Gravity included:
The story of Google Gravity serves as a testament to the power of creativity and innovation on the web. It shows that even a simple idea can have a lasting impact when combined with imagination and technical expertise.
Google Gravity is an interactive web experiment created by Ricardo Cabello, a developer widely known as Mr.doob. It is a physics-based simulation that breaks the standard layout of the Google homepage, causing all interface elements—such as the logo, search bar, and buttons—to fall to the bottom of the browser window as if affected by gravity. ☄️ Key Experiments by Mr.doob
Mr.doob is a pioneer in browser-based physics and graphics, often using JavaScript and HTML5 to push the limits of web browsers. His Google-themed experiments include:
Google Gravity: The most famous version where homepage elements crash to the floor. You can drag and throw the "fallen" pieces with your mouse.
Google Space: A zero-gravity variant released around the same time as Angry Birds Space. Instead of falling, the elements float weightlessly across the screen.
Google Sphere: An experiment where search elements rotate in a 3D sphere around the logo.
Underwater Search: While sometimes attributed to various "tricks" sites, similar physics concepts allow users to "drop" the Google logo into a virtual ocean, creating waves and interacting with sea creatures. 🔥 The "Lava" Concept
The term Google Gravity Lava often refers to unofficial fan-made variations or "remixes" of Mr.doob's original code.
Visual Style: These versions typically replace the standard white background with a volcanic or "lava" theme.
Interaction: In some versions, clicking the surface creates red squares or heat-distorted effects, simulating the appearance of molten lava.
Availability: Unlike the original Mr.doob experiments which are hosted on his personal portfolio, "Lava" versions are usually found on third-party "mirror" sites like elgooG or other tribute pages. 🛠️ How to Access Google Gravity
Although Google's official homepage no longer supports these scripts directly, you can still play with them through several methods:
Direct Portfolio: Visit the original Google Gravity project on mrdoob.com.
"I'm Feeling Lucky": Traditionally, typing "Google Gravity" into the main search bar and clicking "I'm Feeling Lucky" would trigger the effect.
Mirrors: Sites like elgooG have updated the code to work with modern browsers, as the original 2009 API is now retired. If you'd like, I can help you: Find other Mr.doob projects (like his famous Three.js work) Explain the code behind the physics (JavaScript and Box2D) Find other Google Easter eggs (like "Do a barrel roll") Let me know which path you'd like to explore! Mr.doob | Three.js Quake The Chaos of Google Gravity: Exploring Mr
Google Gravity is a famous interactive experiment created by
(Ricardo Cabello) that visualises what would happen if gravity suddenly affected the Google homepage, causing its elements to crash to the bottom of the screen.
While there isn't a specific "Lava" version officially released by Mr.doob, his experiments are built using the Matter.js 2D physics engine. If you are looking to "create paper"—meaning a technical breakdown or a project report—here is a structured outline of how the Google Gravity simulation functions: Technical Overview: Google Gravity
DOM DeconstructionThe script first identifies every individual element on the standard Google search page (the logo, search bar, buttons, and links). It then strips them of their static positions in the browser's layout.
Physics Engine Integration (Matter.js)Each HTML element is mapped to a physical "body" within a 2D physics world.
Rigid Bodies: Each button or text box is treated as a rectangle with mass and friction.
Gravity Vector: A constant downward force is applied to the world.
Real-Time RenderingThe simulation runs an animation loop (typically 60 frames per second). In each frame:
The physics engine calculates new positions based on collisions and momentum.
The CSS transform or top/left properties of the HTML elements are updated to match the engine's coordinates.
User InteractionUsers can "pick up" and throw elements using the mouse. This is achieved by creating a temporary "constraint" (like an invisible rubber band) between the mouse cursor and the physics body. Simulating "Lava"
If you wanted to add a "Lava" effect to this "paper," you would mathematically define a fluid buoyancy or viscosity layer at the bottom of the screen:
Density: Elements would float or sink based on their assigned mass relative to the "lava."
Drag Force: As elements fall into the lava, a high-resistance force would be applied to simulate thick liquid movement. If you’d like, I can help you further by:
Writing the HTML/JavaScript code snippet to recreate a basic gravity effect.
Explaining how to use Matter.js for custom physics projects.
Finding other Mr.doob experiments (like the "Google Sphere" or "Internet Explorer 6" effects).
Google Gravity is a popular interactive web experiment created by the developer Ricardo Cabello, better known by his handle Mr.doob.
The project was originally built in 2009 to demonstrate the capabilities of browser physics using JavaScript. When you load the page, the standard Google homepage elements (logo, search bar, and buttons) "fall" to the bottom of the screen due to simulated gravity. 🛠️ How it Works
Physics Simulation: The experiment uses a physics engine to treat every search element as a solid object.
Interactivity: You can click and drag individual pieces to toss them around the screen, and they will bounce off the "floor" and each other.
Search Function: In the original version, you could still type into the fallen search bar; the search results would then fall from the top of the screen and pile up. 🧪 Related Experiments by Mr.doob
Mr.doob is a key contributor to three.js, a famous 3D JavaScript library. Other "Google" themed experiments include:
Google Space: Elements float as if in zero gravity rather than falling.
Google Sphere: The search results and links rotate around the logo in a 3D sphere.
Ball Pool: A similar physics demo where colorful balls respond to mouse movements and gravity. 📎 Where to Play
Official Archive: You can find the original hosted at mrdoob.com/projects/chromeexperiments/google-gravity/.
Enhanced Version: The site elgooG hosts a version that restored search functionality after Google discontinued the original API. Mr.doob | Three.js Quake
The Physics of Fun: Exploring Google Gravity, Lava, and Mr. Doob
Introduction
The internet is filled with entertaining and educational experiments that showcase the wonders of physics and technology. One such example is the collaboration between Google and Lava, featuring the creative genius of Mr. Doob. This essay will explore the fascinating world of Google Gravity, Lava, and Mr. Doob, delving into the concepts behind their creations and the impact they have on our understanding of digital physics.
Google Gravity
In 2009, Google introduced Google Gravity, an interactive experiment created by Mr. Doob, a renowned web developer and artist. This innovative project utilized the Google search engine and incorporated the principles of gravity, allowing users to experience a virtual world where search results behave as if they are affected by gravity. When users type "Google Gravity" in the search bar and click on "I'm Feeling Lucky," they are taken to a webpage where search results appear to fall from the top of the screen, interacting with each other and the boundaries of the page.
The Science behind Google Gravity
The underlying concept of Google Gravity is based on the principles of Newtonian physics, specifically gravity and motion. Mr. Doob employed JavaScript and HTML5 to create a simulated environment where objects (in this case, search results) respond to a virtual gravitational force. This force is applied to each object, causing them to accelerate towards the bottom of the screen, mimicking the effects of gravity on Earth. The experiment not only showcases the power of web development but also provides an engaging way to demonstrate complex physics concepts.
Lava
Lava, a creative studio founded by Google, has been instrumental in producing interactive and visually stunning experiments, often in collaboration with Mr. Doob. Lava's mission is to bring complex concepts to life through art and technology, making them more accessible and enjoyable for a wider audience. Their work on Google Gravity and other projects has resulted in a new generation of digital natives engaging with science and technology in innovative ways.
The Art of Mr. Doob
Mr. Doob, whose real name is Mathieu LeBlanc, is a talented web developer, artist, and educator. He has been fascinated by the intersection of art, technology, and education throughout his career. His work on Google Gravity and other projects has not only showcased his technical expertise but also his ability to communicate complex concepts through interactive and visually appealing experiences. Mr. Doob's creative approach to science and technology has inspired a new generation of developers, artists, and scientists to explore the possibilities of digital media.
The Impact of Google Gravity, Lava, and Mr. Doob
The collaboration between Google, Lava, and Mr. Doob has had a significant impact on the way we approach education, entertainment, and technology. Their work has:
Conclusion
The collaboration between Google, Lava, and Mr. Doob has resulted in a remarkable fusion of art, technology, and science. Google Gravity, in particular, has become an iconic example of interactive and educational entertainment, showcasing the power of digital physics and the creativity of Mr. Doob. As technology continues to evolve, it is likely that we will see even more innovative and engaging projects that combine art, science, and technology, inspiring future generations to explore the wonders of the digital world.
Google Gravity is a popular web experiment created by the creative coder Ricardo Cabello, better known as Mr.doob. Launched in 2009, it serves as a playful demonstration of physics-based interactions in a browser environment. The Experiment
When users navigate to the Mr.doob project page or search for "Google Gravity" and click "I'm Feeling Lucky," the familiar Google homepage appears to collapse.
Physics Interaction: Every element on the page—the logo, search bar, and buttons—falls to the bottom as if pulled down by gravity.
Tactile Play: Users can "grab" these broken elements with their mouse and toss them around the screen, watching them bounce off one another.
Functional Search: Surprisingly, the search bar remains functional; entering a query and hitting enter will cause new search result blocks to fall from the top of the screen into the pile. Variants & "Lava" Edition
The "Lava" variant is a community-driven iteration or derivative of the original physics engine. While Mr.doob created the core gravity and space experiments, third-party sites like elgooG and others have hosted versions styled with "Lava" themes. Mr.doob | Three.js Quake
Water Type 2010 / 06 / 4. Three.js 2010 / 04 / 23. Harmony 2010 / 03 / 08 ... Google Gravity 2009 / 03 / 18. Ball Pool 2009 / 02 /
Here’s a creative write-up for “Google Gravity Lava Mr Doob” — a playful, interactive web experiment.
Would you like a shorter version for social media or a step-by-step guide to run it locally?
The Nostalgic Charm of Google Gravity Lava Mr Doob: A Blast from the Past
In the early 2000s, Google was not just a search engine, but a playground for web developers and enthusiasts. One of the most iconic and enduring examples of this is Google Gravity Lava Mr Doob, a mesmerizing and interactive experiment that still captivates audiences today.
What is Google Gravity Lava Mr Doob?
Google Gravity Lava Mr Doob is an easter egg, a hidden feature that was created by Google developer, Mr. Doob (whose real name is Nicolas Doob), in 2009. The experiment uses the Google search page as a canvas, but with a twist: it applies a gravitational force to all the elements on the page, making them fall towards the bottom.
The "lava" in the name refers to the colorful, flowing animations that are scattered throughout the page, giving it a psychedelic and hypnotic effect. The "Gravity" part is self-explanatory, as the entire page is affected by a downward pull, making it seem like the elements are being pulled down by an invisible force.
The Magic Behind Google Gravity Lava Mr Doob
So, how did Mr. Doob create this digital wonder? The answer lies in the use of JavaScript and CSS. By manipulating the DOM (Document Object Model) of the Google search page, Mr. Doob was able to apply a gravitational force to all the elements, making them move and interact with each other in a seemingly realistic way.
The lava-like animations were achieved using a combination of CSS3 and JavaScript, which allowed Mr. Doob to create a smooth, flowing effect that reacts to the user's interactions.
Why Google Gravity Lava Mr Doob is still relevant today
Fast-forward to 2023, and Google Gravity Lava Mr Doob remains an beloved relic of the early days of the web. So, why is it still relevant today?
How to experience Google Gravity Lava Mr Doob
The good news is that you can still experience Google Gravity Lava Mr Doob today. Simply follow these steps:
Alternatively, you can visit the official website of Mr. Doob, which still hosts the experiment.
Conclusion
Google Gravity Lava Mr Doob is more than just a nostalgic relic of the early days of the web. It's a testament to the creativity and innovation that is possible when technology and art come together. Whether you're a developer, designer, or simply a web enthusiast, this experiment is sure to delight and inspire you.
So, go ahead and experience Google Gravity Lava Mr Doob for yourself. You won't be disappointed!
mrdoob.com/projects/chromeexperiments/google-gravity/To understand the "Lava" aspect, you first need to understand the creator. Mr. Doob is a Spanish software engineer and creative coder who currently works at Google on the Chrome Experiments team. He is a pioneer in Three.js, a JavaScript library that makes WebGL (3D graphics in your browser) accessible.
His portfolio is a treasure trove of interactive art. From swarms of particles to realistic water simulations, Mr. Doob’s work blurs the line between coding and art. His most famous creations include:
When users started combining the concepts of "Gravity" and "Lava," they were essentially asking: What if the search page didn't just fall—what if it melted?
Google Gravity Lava is a modified, more mesmeric version of the original Google Gravity experiment. The standard version causes Google’s homepage elements – logo, search bar, buttons – to obey realistic physics: they fall, collide, and bounce around the screen. The “Lava” edition replaces the standard visual style with a hot, flowing, molten texture, as if the entire Google interface has been submerged in volcanic rock. Gravity simulation : The site used JavaScript to
Objects don’t just fall – they ooze, glow, and slowly settle under gravity, but with a thick, viscous motion that’s both hypnotic and destructive.
elgoog.im/gravity/ with lava toggle).