Google Gravity Lava Mr Doob -
Yes. While Mr. Doob’s official site (mrdoob.com) hosts many experiments, the lava variant often appears in fan archives or direct clones. You can also find it by searching “Google Gravity Lava Mr Doob” – though modern browsers may require enabling WebGL or clicking “Run” on interactive results. Some versions work best on desktop Chrome or Firefox, with hardware acceleration turned on.
If you enjoyed the gravity and lava combo, you need to check out these other masterpieces by the same creator:
| Feature | Standard Google Gravity | Google Gravity Lava | |---------|------------------------|----------------------| | Visual style | Normal UI elements falling | Molten / glowing overlay | | Physics | Box2D rigid bodies | Same + pseudo-fluid drag | | Color palette | Default Google colors | Red-orange-yellow (lava) | | Distortion effect | None | Optional heat haze | | Popularity | Highly iconic | Cult / niche |
| Aspect | Detail | |--------|--------| | Performance | Lava shaders + physics can be heavy on integrated GPUs. | | Mobile support | Poor (touch events exist but framerate drops). | | Google updates | Modern Google homepage may break older scripts; mirrors use static mockups. | | Security | Always run from trusted domains (no downloads, just JS/Canvas). |
You don't need to be a coder to enjoy it, but the tech behind this is beautiful. Mr. Doob uses:
When you combine them, the "Lava Gravity" concept uses shaders to distort the falling Google pieces, making them look like they are warping from intense heat.
To see the "Lava" part of the equation directly from the source:
Overview
Visuals & Design
Interaction & Physics
Performance & Compatibility
Originality & Fun Factor
Educational & Creative Value
Accessibility & Safety
Bottom Line
Related search suggestions (for further exploration)
It was a typical Tuesday morning for John, scrolling through his favorite YouTube videos on his computer. As he sipped his coffee, his eyes landed on a quirky video titled "Google Gravity Lava Mr Doob". He had no idea what it was, but the combination of Google, Gravity, Lava, and Mr Doob piqued his curiosity.
He clicked on the video, and suddenly, he was transported to a mesmerizing digital world. The video showed a simulation of the Google homepage, but with a twist. The logos and search bar were floating in mid-air, as if they were in a zero-gravity environment.
As John watched, a stream of lava began to flow from the bottom of the screen, slowly rising up and engulfing the Google elements. The lava was a deep, fiery red, and it seemed to defy the laws of physics as it flowed upwards.
Suddenly, a cartoonish figure appeared on the screen. It was Mr Doob, a character known for his wacky animations and interactive experiments. He was floating in front of the Google logo, laughing maniacally as he controlled the lava flow with his mouse.
John was captivated by the video. He couldn't help but interact with it, using his own mouse to manipulate the lava and try to save the Google elements from destruction. As he played with the simulation, he felt like a kid in a digital playground.
As the video came to an end, John felt a pang of nostalgia. He remembered playing with interactive simulations like this when he was younger, exploring the weird and wonderful world of web-based experiments.
Inspired by the video, John decided to explore more of Mr Doob's creations. He spent the rest of the morning browsing through the animator's website, discovering new and fantastical worlds, each one more mesmerizing than the last.
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.
How's that? I can make changes or continue the story if you'd like!
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. Google Gravity Lava Mr Doob
HTML5: The transition from Flash to HTML5 made these tricks accessible across modern browsers. Play Google Gravity - elgooG
Google Gravity and Lava are interactive web experiments created by developer Ricardo Cabello, better known as Mr.doob. While they aren't traditional "software" that receives formal critical reviews, they are widely celebrated as classic examples of creative JavaScript and 2D physics simulations. Google Gravity
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.
The Experience: Once the elements crash, you can click and drag them with your mouse to toss them around the screen. Remarkably, the search bar still works; if you type and press enter, search results will fall from the top of the screen like falling debris.
Impact: Created in 2009, it became one of the most famous "Easter Eggs" (though technically a third-party project), showcasing the power of early web browsers to handle real-time physics.
How to Play: Visit Mr.doob's Google Gravity or type "Google Gravity" into the main Google search bar and click "I'm Feeling Lucky". Lava
Usually referred to as Ball Pool, this experiment features a blank canvas where colorful circular "balls" (sometimes mistaken for lava-like blobs) respond to your mouse and gravity.
The Experience: You can spawn balls by clicking and then shake the browser window to see them bounce and collide. It uses a custom-built 2D physics engine to simulate mass and momentum.
Interactive Design: It is often cited in design communities like Creative Applications as a masterclass in "juicy" interaction design—making simple web elements feel physical and satisfying to play with. The Developer: Mr.doob
Ricardo Cabello is a legend in web development, also known for being the primary author of three.js, a popular library used to create 3D graphics in a web browser. His experiments are typically "open source," allowing other developers to see how he achieves these physics effects. doob's 3D work? Interview with Mr.doob
━━━━ Ricardo Cabello, aka Mr. doob, is a self-taught web developer based in London (he originally hails from Barcelona). GitHub Pages documentation
How to Do the Google Gravity Trick in Your Browser - wikiHow
"Google Gravity Lava" is a classic browser-based physics experiment created by
(Ricardo Cabello) that turns the iconic Google homepage into a chaotic, interactive playground. Experience Overview The "Fall":
When you visit the experiment, the standard Google interface elements—the search bar, logo, and buttons—immediately lose their structural integrity and crash to the bottom of the screen. Physics Playground:
Every element acts as a physical object. You can "grab" them with your cursor and toss them around, watching them bounce off the walls and each other. Interactive Search:
Remarkably, the search bar often remains functional; typing and hitting enter causes the "new" search results to fall from the top of the screen and pile up on the floor. Primo Bonacina Services The "Lava" Component
While standard "Google Gravity" focuses on falling elements, variations or updates often incorporate the
effect—a fluid simulation also developed by Mr. Doob. This adds a liquid-like physics layer where elements don't just bounce but flow or interact with a viscous, colorful background that mimics molten lava. Verdict: Is It Worth It? Nostalgia & Novelty:
It remains one of the most famous "Chrome Experiments" from the early 2010s, showcasing what JavaScript and HTML5 could do without Flash. Short-term Fun:
It’s a 5-minute distraction rather than a tool. It's perfect for a quick "magic trick" to show friends or to use as a stress-relief digital sandbox. Tech Showcase:
For developers, it’s a masterclass in lightweight browser physics.
You can typically find it by searching "Google Gravity" and clicking the Mr. Doob experiment link
or using the "I'm Feeling Lucky" button on a desktop browser. by Mr. Doob, or are you looking for more Google Easter eggs
The Amazing Google Gravity Lava Mr Doob: A Journey Through Interactive Art
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.
What is Google Gravity Lava Mr Doob?
Google Gravity Lava Mr Doob is an experimental art project created by Mr. Doob, a renowned web developer and artist. The project was inspired by Google's iconic search engine and the mesmerizing effects of lava. By combining these two elements, Mr. Doob created an immersive experience that allows users to interact with a virtual lava-filled Google homepage.
The Birth of Google Gravity Lava Mr Doob
The story behind Google Gravity Lava Mr Doob began in 2009 when Mr. Doob, whose real name is Davide Petterino, started experimenting with HTML5 and JavaScript. He aimed to create a unique and engaging experience that would showcase the capabilities of modern web technologies. Drawing inspiration from Google's minimalist design and the captivating visuals of lava, Mr. Doob set out to craft an interactive art piece that would captivate audiences worldwide.
How Does it Work?
When you visit the Google Gravity Lava Mr Doob website, you're presented with a simulated Google homepage. However, this is no ordinary Google page. As you interact with the page, you'll notice that the elements, including the Google logo, search bar, and links, behave as if they're immersed in a sea of lava. The objects float, sink, and move in a seemingly realistic manner, creating an enchanting visual effect. | Aspect | Detail | |--------|--------| | Performance
The magic behind this effect is made possible by the clever use of HTML5, JavaScript, and CSS3. Mr. Doob employed the following techniques to achieve the lava-like behavior:
The Artistic Significance of Google Gravity Lava Mr Doob
Google Gravity Lava Mr Doob is more than just a clever technical experiment; it's a thought-provoking art piece that challenges our perceptions of the digital world. By taking a familiar interface like Google's homepage and turning it into a dynamic, interactive environment, Mr. Doob invites us to reexamine our relationship with technology.
The lava simulation serves as a metaphor for the fluid, ever-changing nature of the digital realm. It represents the dynamic, unpredictable aspects of the internet, where information and interactions can shift and morph in unexpected ways.
The Cultural Impact of Google Gravity Lava Mr Doob
Since its creation in 2009, Google Gravity Lava Mr Doob has become a cult classic, inspiring countless fans and artists around the world. The project has been featured in various art exhibitions, blogs, and media outlets, cementing its status as a landmark of interactive art.
The project's influence can be seen in the numerous spin-offs, remixes, and inspired-by creations that have popped up online. Google Gravity Lava Mr Doob has also inspired a new generation of artists, developers, and designers to experiment with interactive technologies and push the boundaries of digital art.
Conclusion
Google Gravity Lava Mr Doob is a testament to the power of creativity and innovation in the digital age. This interactive art piece has captivated audiences worldwide with its mesmerizing lava simulation, clever use of web technologies, and thought-provoking themes.
As we continue to navigate the ever-changing digital landscape, projects like Google Gravity Lava Mr Doob remind us of the importance of experimentation, artistic expression, and playfulness. Whether you're an art enthusiast, a tech aficionado, or simply someone looking for a unique online experience, Google Gravity Lava Mr Doob is an absolute must-see.
Getting Started with Google Gravity Lava Mr Doob
Ready to experience the magic of Google Gravity Lava Mr Doob for yourself? Here's how to get started:
Join the thousands of users who have already discovered the enchanting world of Google Gravity Lava Mr Doob. Immerse yourself in this captivating art piece and experience the intersection of technology, creativity, and playfulness.
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"?
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
, 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 You don't need to be a coder to
, 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
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 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 /
| Technology | Purpose | |------------|---------| | JavaScript | Core logic & physics | | HTML5/CSS3 | Page structure & styling | | Canvas / WebGL | Real-time rendering (lava effect) | | Box2D (or similar) | 2D physics engine (gravity, collisions) |
