Recently Viewed
Trending Searches
Please Tell Us Your City
Duration: 60 minutes
Total marks: 100
Instructions:
Section A — Short answer (20 marks — 4 × 5)
Section B — Practical tasks (40 marks — 2 × 20) 5. JavaScript snippet (20 marks): Write a minimal, self-contained JavaScript + HTML structure (no external frameworks) that creates a single draggable DOM element that falls with gravity and bounces when hitting the bottom of the viewport. Include comments and explain three lines that control physics behavior. (Mark: 10 for working code, 10 for explanations and clarity.)
Section C — Design & UX (20 marks — 4 × 5) 7. Accessibility (5): List three accessibility considerations when turning a functional search page into an interactive gravity/slime experience and propose one concrete mitigation for each.
Visual design (5): Recommend a vibrant color palette (3 colors with hex codes) and two micro-interaction cues that enhance perceived responsiveness.
Performance budget (5): Give a simple performance budget (fps target, max CPU usage hint, polyfill strategy) for desktop and mobile.
Security & privacy (5): Identify two potential security or privacy risks when embedding such interactive scripts into a public page and provide one mitigation for each.
Section D — Advanced challenge (20 marks — choose one) — answer your chosen task fully
Option A — Optimization (20): Given 200 draggable elements behaving like slime, describe an optimized update loop and collision strategy that minimizes CPU and memory churn. Include pseudo-code for the main loop and explain use of spatial partitioning or level-of-detail.
Option B — Remix & extend (20): Propose an extension to the Google Gravity Slime that adds realistic viscosity changes (e.g., syrup vs. water) controlled by a UI slider. Provide formulas or algorithmic steps to alter damping, spring stiffness, and collision restitution; include how to smoothly interpolate values and persist user preference locally.
Grading rubric (brief)
Answer format requirement:
End of examination.
(2009) causes the search page to collapse into a heap of interactive blocks, the
version—often referred to as "Google Gravity Lava" or "Google Gravity 3D"—adds fluid-like physics and trail effects to the moving elements. Key Features of Mr.doob’s Gravity Experiments Physics Engine : These projects were originally created for Chrome Experiments
to demonstrate the then-new capabilities of HTML5 and JavaScript. Interactive Elements
: Users can grab the Google logo, search bar, and buttons with their mouse or finger to fling them across the screen. Slime/Lava Effect
: In the specific "Slime" variant, elements often leave trails or behave like viscous fluid on a grid, allowing you to add and move "squares" that react to gravity like liquid. Modern Restoration
: Because the original Google Search API was retired in 2014, sites like
have restored the project with mobile optimization and working search functions. Popular Google Gravity Variants by Mr.doob Google Gravity : The iconic original where everything falls to the bottom. Google Zero Gravity (Antigravity)
: Elements float freely as if in space, drifting and spinning when touched. Google Gravity Slime/Lava
: A grid-based version where clicking adds interactive blocks that move with liquid-like physics. Google Sphere
: Search results orbit the center of the screen in a 3D cloud. How to Access You can find these experiments directly on Mr.doob’s official project page or via the restored archives at 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 Google Zero Gravity trick and how does it works – PBS
Google Gravity is a famous interactive experiment created by developer Ricardo Cabello, better known as Mr.doob. Originally launched in March 2009 as part of Chrome Experiments, it reimagines the static Google search page as a dynamic playground governed by 2D physics. Features and Experience
Physics-Driven Chaos: Upon loading the page, all interface elements—including the Google logo, search bar, and buttons—lose their "grip" and crash to the bottom of the screen.
Interactive Play: You can click and drag any element to toss it around. The objects bounce realistically, colliding with each other and the edges of your browser window.
Simulated Search: The original version utilized Google’s Web Search API, allowing you to actually type and search; the search results would then drop into the "pile" at the bottom of the screen.
Technological Foundation: It was built using JavaScript and the Box2D physics engine, demonstrating the ability of modern browsers to handle complex real-time simulations. How to Access It
While it is no longer an active part of the live Google homepage, you can still play with it through these mirrors:
Mr.doob's Projects: The original host site maintained by the creator.
elgooG: An enhanced version that restores the search functionality and adds features like a dark theme and mobile optimization. Notable Variations
Mr.doob and other developers have created several spin-offs based on the same physics concepts: Mr.doob | Three.js Quake
Google Gravity is a popular interactive Chrome Experiment created by web developer Ricardo Cabello (better known as Mr.doob). Originally released in 2009, it transforms the standard, static Google homepage into a physics playground where every element—from the logo to the search bar—succumbs to gravity and crashes to the bottom of the screen. How to Use It To experience the "gravity" effect: Go to the Google homepage. Type "Google Gravity" into the search bar. Click the "I'm Feeling Lucky" button.
Note: If you press "Enter" or click "Google Search," you will just see normal search results; you must use "I'm Feeling Lucky" to trigger the redirect to Mr.doob's experiment page. Key Features & Interaction Google Gravity Slime Mr Doob
Physics Engine: The experiment uses the Box2D JavaScript library to simulate 2D physics, including collisions, momentum, and friction.
Interactive Chaos: Once the elements fall, you can click and drag any piece—the search bar, buttons, or logo—and toss them around the screen to watch them bounce.
Live Search: In the original version, you could still type into the fallen search bar and hit enter, causing new search results to fall from the top and join the pile. Related Projects by Mr.doob
Ricardo Cabello is also the creator of other famous browser toys often associated with "Google Gravity":
Google Space: A zero-gravity version where elements drift and float aimlessly as if in orbit.
Google Sphere: Causes all links and text to rotate in a 3D sphere around the logo.
Ball Pool: An experiment where you can click to create colorful balls that interact with one another and the browser edges. Mr.doob | Three.js Quake
It started as a bored teenager's prank. Leo, a fan of Mr. Doob’s classic Google Gravity, had spent the afternoon watching the search page crumble into a heap of interactive rubble. But he wanted more—something wetter, messier, more tactile.
So he tweaked the code. Just a little. He changed the gravitational constant, added a viscosity variable, and renamed it Google Gravity Slime.
The moment he hit enter, the Google logo didn’t just fall. It dripped. The “G” stretched like green mucus, the two “o”s merged into a lazy, wobbling blob, and the search bar sagged like a half-melted candy bar. But the real surprise came when he tried to type. Instead of letters, his keystrokes squeezed out neon globs that splattered across the screen—and then kept going.
A droplet hit his desk. Then another. Leo swiveled his chair. A thick, translucent strand of digital slime was oozing out of his monitor’s USB port, puddling around his keyboard. He heard a faint, cheerful plink—the same sound effect Mr. Doob used for clicking debris.
He yanked the plug. The screen went black. But on his desk, the slime continued to pulse, slowly spelling out a new search query in mid-air:
“did you mean: real trouble?”
From that day on, every time someone searched for “Google Gravity Slime Mr. Doob,” their screen stayed clean—but they swore they heard something wet dripping behind the wall. And Leo? He started wearing gloves to use his mouse.
Ricardo Cabello, better known as Mr.doob, is a self-taught computer graphics programmer. He is widely recognized for creating three.js, a popular JavaScript library used to create 3D animations in web browsers. In March 2009, he released Google Gravity as part of the original Chrome Experiments, a showcase for the then-emerging capabilities of HTML5 and JavaScript. How Google Gravity Works
When you visit the Google Gravity experiment, the page initially looks like a standard Google homepage. However, as soon as you move your mouse or interact with the screen, the following happens:
Physics Take Over: Every element—the logo, search bar, and buttons—immediately loses its structural integrity and "collapses" to the bottom of the browser window.
Physics Engine: The experience is powered by Box2DJS, a JavaScript port of the Box2D physics engine. This allows the page elements to calculate collisions, friction, and momentum realistically.
Interactivity: You can click and drag any of the collapsed pieces to toss them around the screen, watch them bounce, or pile them up.
Functional Search: Remarkably, the search bar still works mid-chaos. If you perform a search, the results also tumble down from the top of the screen and join the pile of rubble at the bottom. Variants and Related Experiments
Following the success of the original gravity trick, several other variations were developed by Mr.doob and other platforms like elgooG:
Google Gravity is a famous interactive physics experiment created by developer Ricardo Cabello (better known as Mr. doob).
Here are ready-to-use social media posts you can share, depending on the vibe of your profile: 🎨 Option 1: Casual & Fun (Best for Twitter/X or Threads)
Ever wondered what happens when gravity takes over the internet? 🌌
Go check out the legendary Google Gravity experiment by Mr. doob. The entire search engine literally falls apart, and you can toss the search bar and buttons around like toys! 🕹️
👉 Play with it here: https://mrdoob.com/projects/chromeexperiments/google-gravity/ #GoogleGravity #MrDoob #WebDesign #CodingLife #EasterEggs
🚀 Option 2: Informative & Nostalgic (Best for LinkedIn or Facebook) Blast from the past: When code meets gravity! 💻🍎
Back in 2009, creative developer Mr. doob asked a fun question: What if the Google interface had to obey the laws of physics?
The result was Google Gravity, a brilliant project showcasing the emerging capabilities of JavaScript and HTML5 at the time. Decades later, it is still one of the most satisfying interactive web toys on the internet.
If you need a 2-minute break today, go to the Mr. doob Google Gravity Project and watch the search page collapse into a pile of interactive rubble. You can grab the broken pieces and throw them across your screen!
What is your favorite classic internet Easter egg? Let me know in the comments! 👇
#WebDevelopment #JavaScript #HTML5 #InteractionDesign #CodingHistory
📸 Option 3: Short & Punchy (Best for Instagram or TikTok Captions)
Break your screen without actually breaking your screen. 💥💻
This is Google Gravity by Mr. doob! Go to the link in my bio to watch the site crumble and play with the pieces like slime on your desktop. 🔗✨ Examination: Google Gravity Slime (Mr Doob) — Vibrant,
#GoogleGravity #WebDev #InteractiveArt #Satisfying #TechTips AI responses may include mistakes. Learn more
The Nostalgia of Google Gravity Slime Mr Doob: A Blast from the Past
In the early 2000s, Google was not just a search engine, but a platform for innovation and creativity. One of the most iconic and entertaining examples of this was Google Gravity, a playful experiment created by Google that allowed users to interact with search results in a more...unconventional way. And at the heart of this experiment was a character that would become synonymous with Google's playful side: Mr. Doob, also known as Slime.
What was Google Gravity?
Google Gravity was a Google Easter egg that was activated when users searched for "Google Gravity" on the Google search engine. When the results page loaded, the entire page would suddenly "fall" under the influence of gravity, with search results and other page elements bouncing around like they were stuck to a gravity-defying surface. The effect was achieved using JavaScript and was meant to showcase the capabilities of Google's technology.
The Star of the Show: Mr. Doob (Slime)
However, what made Google Gravity truly memorable was the presence of Mr. Doob, a simple yet endearing character created by Google developer, Nicolas Chevet. Mr. Doob was a green, slimy creature with a goofy face and a knack for getting stuck to everything. He would bounce around the screen, interacting with search results and other elements, much to the delight of users.
The Magic of Mr. Doob
So, what made Mr. Doob so special? For one, his design was deceptively simple, yet instantly recognizable. His slimy texture and bouncy movements brought a sense of playfulness to the Google Gravity experience. Moreover, Mr. Doob's ability to interact with search results and other page elements added a layer of whimsy to the entire experience. Users could watch in amazement as Mr. Doob stuck to search results, menus, and even the Google logo.
The Legacy of Google Gravity and Mr. Doob
Although Google Gravity is no longer active, its legacy lives on in the hearts of those who experienced it. Mr. Doob, in particular, has become an iconic symbol of Google's creative and playful side. The character has inspired countless fan art, cosplay, and even merchandise.
Why Google Gravity Matters
In an era where technology is increasingly complex and sophisticated, Google Gravity reminds us of the importance of playfulness and creativity in tech. By experimenting with new technologies and pushing the boundaries of what was possible on the web, Google showed that even the most mundane experiences (like searching for information) could be transformed into something magical.
The Return of Mr. Doob?
While Google Gravity is no longer active, there have been rumors of Mr. Doob's return in various forms. In 2019, Google released a new Easter egg that brought back the spirit of Google Gravity, albeit in a more limited form. Additionally, Mr. Doob has made appearances in various Google Doodles and other interactive experiences.
Conclusion
Google Gravity and Mr. Doob represent a bygone era of internet history, one that was marked by a sense of wonder, playfulness, and creativity. As we look back on this iconic experiment, we're reminded of the power of technology to bring joy and whimsy into our lives. Who knows what the future holds for Mr. Doob and Google's creative experiments? One thing's for sure: the legacy of Google Gravity and Mr. Doob will continue to inspire and delight users for years to come.
Update: If you're feeling nostalgic, you can still experience Google Gravity (and Mr. Doob) through various online archives and simulations. Simply search for "Google Gravity" and enjoy the trip down memory lane!
Google Gravity is a famous interactive web experiment created by developer Mr.doob (Ricardo Cabello) that turns the standard Google homepage into a physics-driven playground.
While there isn't a specific experiment titled "Google Gravity Slime," the term often refers to the Google Gravity experience where the interface elements tumble and bounce like physical objects, or potentially other Mr.doob experiments like Voxels Liquid or Ball Pool which feature "slime-like" fluid physics. The Original Google Gravity Experiment
The Effect: Once the page loads, every element—including the logo, search bar, and buttons—immediately loses its fixed position and crashes to the bottom of the screen.
Interaction: You can use your mouse to click and drag the broken pieces, tossing them around the screen to see them bounce and collide with realistic physics.
Functionality: Originally, you could still type into the fallen search bar; search results would then fall from the top of the screen like "raining" links. How to Access It
Google Search Method: Go to the main Google homepage, type "Google Gravity" into the search bar, and click the "I'm Feeling Lucky" button.
Direct Link: You can visit the project directly on Mr.doob’s website or through restorations on sites like elgooG. Related "Fluid" Physics Experiments by Mr.doob
If you are looking for "slime" or liquid-like behavior specifically, Mr.doob has several other notable experiments:
Voxels Liquid: A 3D representation of a classic 2D water effect that mimics flowing liquid.
Ball Pool: A screen filled with colorful circles that behave like a ball pit; you can "shake" the browser to scatter them.
Google Space: A variation of Google Gravity where the elements float in zero-gravity rather than crashing down. If you'd like, I can:
Help you find other Google Easter eggs (like "Do a barrel roll").
Explain the JavaScript libraries (like Three.js) used to create these effects. Find similar physics-based web games. Let me know what you'd like to explore next! Mr.doob - Experiments with Google
The Nostalgic Charm of Google Gravity Slime Mr Doob: A Blast from the Past
In the early 2000s, Google was not just a search engine; it was a playground for creative experiments and Easter eggs. One of the most memorable and entertaining Google Easter eggs was Google Gravity Slime Mr Doob. For those who were around during that time, the mere mention of these words brings back a wave of nostalgia. For others, it's a fascinating piece of internet history worth exploring.
What was Google Gravity Slime Mr Doob?
Google Gravity Slime Mr Doob was an interactive Google homepage that was launched in 2010. It was created by Google's team as a tribute to the popular web game "SlimeMrDoob" by Mr. Doob, aka Nicolas Nassif. The game was a simple yet addictive browser-based game where players could create and manipulate slime. Answer all questions
The Google version, aptly named Google Gravity Slime Mr Doob, allowed users to play with a giant blob of slime on the Google homepage. When you visited the Google homepage with this Easter egg activated, you would see a massive green slime blob that reacted to your mouse movements. You could stretch, squish, and manipulate the slime, creating a fun and mesmerizing experience.
The Magic Behind Google Gravity Slime Mr Doob
So, how did Google manage to create this delightful experience? The answer lies in the combination of HTML5, JavaScript, and a bit of creative genius. The Google team used HTML5's canvas element and JavaScript to create a interactive and dynamic slime simulation. The slime's behavior was simulated using a physics engine, making it react to user input in a surprisingly realistic way.
The Easter egg was also designed to be device-agnostic, meaning it worked seamlessly on both desktop and laptop computers. This was a remarkable achievement, considering the limitations of web technology at the time.
The Impact of Google Gravity Slime Mr Doob
Google Gravity Slime Mr Doob was more than just a fun distraction; it represented a shift in how Google approached its brand and user experience. By incorporating interactive and creative elements into its homepage, Google showed that it was willing to experiment and push the boundaries of what was possible on the web.
The Easter egg also inspired a new wave of creative experimentation on the web. Developers and designers began to create their own interactive experiences, leveraging the same technologies used by Google. This led to a proliferation of innovative and engaging web applications that are still celebrated today.
The Legacy of Google Gravity Slime Mr Doob
Although Google Gravity Slime Mr Doob is no longer available on the Google homepage, its legacy lives on. The Easter egg has been preserved in various forms, including a playable version on websites like Internet Archive.
The impact of Google Gravity Slime Mr Doob can also be seen in modern web design and development. The use of interactive elements, physics simulations, and creative experimentation has become a staple of modern web development.
The Resurgence of Nostalgia
In recent years, there has been a resurgence of nostalgia for the early 2000s and the dawn of the web. Google Gravity Slime Mr Doob is often cited as a fond memory of childhood or a reminder of the excitement and curiosity that came with exploring the early web.
The nostalgia surrounding Google Gravity Slime Mr Doob has also inspired a new generation of developers and designers to create their own retro-style web applications. This has led to a renewed interest in vintage web design, pixel art, and 8-bit music.
Conclusion
Google Gravity Slime Mr Doob may seem like a relic of the past, but its impact on web development, design, and culture is still felt today. The Easter egg's innovative use of technology, creative experimentation, and playful approach to user experience have made it a beloved memory for many.
As we continue to push the boundaries of what is possible on the web, it's essential to remember the pioneers of interactive web design and the experiences that shaped our understanding of the medium. Google Gravity Slime Mr Doob may be gone, but its slimy legacy lives on.
How to Experience Google Gravity Slime Mr Doob Again
While the original Google Gravity Slime Mr Doob is no longer available, there are still ways to experience its magic:
The Future of Interactive Web Design
As we look to the future of interactive web design, it's clear that Google Gravity Slime Mr Doob's influence will continue to be felt. With advancements in technologies like WebAssembly, WebGL, and machine learning, we can expect to see even more sophisticated and engaging web applications.
The key takeaways from Google Gravity Slime Mr Doob's success are:
By embracing these principles, we can create a new generation of web applications that are just as delightful and memorable as Google Gravity Slime Mr Doob.
Google Gravity is a popular web experiment created by developer Ricardo Cabello , better known as
. Launched on March 18, 2009, it was originally designed as a "Chrome Experiment" to showcase the potential of browser-based physics and JavaScript. What is it?
When you load the Google Gravity page, the familiar Google interface initially appears normal for a split second before every element—the logo, search bar, and buttons—succumbs to a virtual gravity force and collapses into a pile at the bottom of the screen. Key Features Interactive Physics
: Every element on the page becomes a physical object. You can use your mouse or finger to grab, drag, and toss pieces of the interface around the screen. Functional Search
: Unlike a static image, the search bar originally worked. When users performed a search, the results would drop from the top of the screen and fall into the pile with the other elements. Physics Engine
: The experiment uses JavaScript and HTML5 to simulate motion, collisions, and weight, making objects bounce realistically against each other and the edges of the browser window. Legacy and Versions The Original : Still hosted on Mr.doob's website
, though the live search functionality broke after Google retired its Web Search API in 2014. Enhanced Version : Sites like
have restored the search functionality using API emulation and added modern features like mobile optimization and dark mode. Google Space
: A "zero-gravity" variation also created by Mr.doob where elements float around aimlessly as if in a vacuum. How to Access It
You can experience it by searching for "Google Gravity" on Google and clicking the "I'm Feeling Lucky"
button. If you see standard search results instead, look for the link hosted by Google Sphere or his work on the graphics library? Google Gravity - Mr.doob
To understand "Google Gravity Slime," you first need to know the creator. Mr. Doob (real name: Ricardo Cabello) is a Brazilian software engineer and creative coder. He is best known for his work with Three.js—a JavaScript library that makes 3D graphics in a web browser accessible to developers.
In the late 2000s, Mr. Doob began creating a series of "Google Experiments" (later hosted on the Chrome Experiments website). His goal was simple: show off the power of modern web technologies like JavaScript, Canvas, and WebGL by breaking things.
His most famous creation remains Google Gravity, released around 2009. But he didn't stop there. He built dozens of other physics-based toys, including Google Sphere, Google Balls, and—most relevant to our keyword—Google Slime.
That’s because Google Gravity Slime is two different experiments. Try them separately.
