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.
Mr.doob is a key contributor to , a famous 3D JavaScript library. Other "Google" themed experiments include:
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.
To understand Google Gravity is to understand its creator: Ricardo Cabello, better known online by his alias, . He is not a Google employee, but rather an independent developer, artist, and a true pioneer of web graphics. Often referred to as "the Yeti of creative coding," Mr. Doob has built a career on pushing the boundaries of what a web browser can do.
+-----------------------------------+ | Google Search | <- Standard Layout +-----------------------------------+ || \/ (Gravity Triggered) +-----------------------------------+ | | | G o o g l e | <- Shattered Elements |______Search______Buttons__________| <- Piled at the Bottom 1. Box2D Physics Engine Google Gravity Lava Mr Doob
This is a parody of the Google homepage where all the elements—the logo, search bar, and buttons—fall to the bottom of the screen as if pulled by gravity.
This public link is valid for 7 days and shares a thread, including any personal information you added. This link or copies made by others cannot be deleted. If you share with third parties, their policies apply. Can’t copy the link right now. Try again later.
This experiment represents a unique era of web development. It showcased the power of emerging web technologies while capturing the playful spirit of the early internet. Who is Mr. Doob?
At its core, Google Gravity isn't magic—it's , CSS , and, most importantly, JavaScript [1]. Lava, a creative studio founded by Google, has
It takes the familiar, static interface of the Google homepage and subjects it to simulated physics, making every element—the logo, search bar, buttons, and links—fall to the bottom of the screen as if subjected to gravity.
Google Gravity (and its lava remix) helped inspire a wave of “break the internet” experiments: Google Sphere, Google Space, Google Underwater. More importantly, it – showing that a single developer with three.js could turn the world’s most visited webpage into a lava lamp.
Explaining how to use for custom physics projects.
From that day on, John made it a point to visit Mr Doob's website regularly, always on the lookout for new and exciting experiments to play with. And every time he searched for something on Google, he couldn't help but wonder what other digital wonders lay hidden in the depths of the internet. Their work on Google Gravity and other projects
The experiment relies entirely on front-end web technologies. While early versions used standard HTML5 Canvas rendering, the core mechanics rely on:
In many versions that carry the "Lava" moniker, the background or the objects themselves take on the appearance of molten rock. Some interpretations replace the standard gravity simulation with a that users can manipulate. Instead of watching the Google logo drop, users click on a grid to raise and lower terrain, while the familiar Google elements might be replaced by red "hot" squares or lava lamps. Other experiments, like Mr.doob's "Ball Pool," utilize particle physics that feel distinctly fluid and viscous, akin to watching lava bubble, which contributes to the "lava" aesthetic synonymous with his work.
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.