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
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.
Mr. Doob created several particle simulations utilizing HTML5 Canvas and WebGL.
Interaction & Physics
Uses JavaScript and HTML5 to simulate physics in real-time. Google Gravity Lava Mr Doob
The result is real-time destruction that feels organic. Click and drag to toss elements around; watch them stack, slide, and partially “melt” into each other.
is the pseudonym of Ricardo Cabello, a pioneer in web graphics, creative coding, and open-source development. He is widely recognized as the co-creator and principal maintainer of Three.js , a popular JavaScript library used to create 3D graphics inside web browsers without relying on external plugins.
In the vast expanse of the internet, there exist numerous hidden gems that often go unnoticed by the general public. One such treasure is the Google Gravity Lava Mr Doob, an interactive art piece that combines creativity, technology, and a dash of humor. In this article, we'll embark on a journey to explore this fascinating creation, understand its origins, and uncover the magic behind its mesmerizing effects.
By adjusting gravity or adding custom pull forces, these balls can simulate the thick, viscous flow of a lava lamp. The underlying math paved the way for more complex particle systems that could realistically mimic fire, smoke, and liquid magma entirely within code. The Technological Shift: Moving Away from Flash The project was originally built in 2009 to
: A constant downward force is applied to the world.
in 2009 as a Chrome experiment, this project showcases browser physics using JavaScript and HTML5. The Effect
A popular JavaScript library used to create and display animated 3D computer graphics in a web browser.
Its enduring appeal lies in its perfect balance of simplicity and depth: the premise is instantly understandable, but the physics engine offers endless possibilities for play. Google Gravity is more than just a prank or an Easter egg; it’s a testament to the power of experimentation. It showed a generation of developers and users that the web browser could be so much more than a static document viewer—it could be a . One of the most iconic and enduring examples
: It features a graph-like surface where users can click to add red 3D squares. Interaction
Accessibility & Safety
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.
While Google Gravity is a famous "Google Easter Egg" that makes the homepage collapse under the weight of, well, gravity, variants like introduce new, interactive elements. This article dives into what this project is, who created it, and why it remains a fascinating piece of internet history. What is Google Gravity by Mr. Doob?