When you load the page, a script identifies all user‑interface elements, attaches physics properties to them, and then applies a gravitational pull toward the bottom of the browser window. The objects bounce off each other and the edges of the screen, and the drag‑and‑drop functionality lets you override the gravity temporarily, adding to the playful nature of the experiment.
const dt = 1/60; function step() for (body of bodies) const r = body.pos.subtract(center); const radial = r.normalize().scale(-k_r * (r.length() - r0)); const tangential = new Vector(-r.y, r.x).normalize().scale(k_t / Math.max(r.length(), 1)); body.force = radial.add(tangential).subtract(body.velocity.scale(damping)); integrate(body, dt);
"Google Gravity" was originally a project by Hi-Res! Studio, not Google itself, which模拟 (simulated) the effect of gravity on the Google homepage. When triggered, the search bar, buttons, and footer would collapse into a pile at the bottom of the screen, obeying rudimentary physics.
Users can click and drag individual elements (like the search bar or the Google letters) and toss them around the screen. google gravity tornado
Navigate to a preservation site like (Google spelled backward), which hosts functional archives of classic interactive gravity projects. Search for the gravity or tornado variation on the site.
For developers and digital artists using Google’s platforms or software like , a "gravity tornado" is a technical exercise in physics.
Google Gravity was initially hosted on Chrome Experiments, a platform for demonstrating the capabilities of modern browsers. The experiment's viral success helped popularize the idea of creative, interactive web experiences and cemented Mr.doob’s reputation as a pioneer in the field. He is also the creator of , a hugely popular JavaScript library that has become an industry standard for creating 3D animations and graphics on the web. When you load the page, a script identifies
At its core, the Google Gravity Tornado is a masterclass in front-end web development optimization from the early 2010s. It relies heavily on three core web technologies to operate smoothly inside a standard browser window without requiring external plugins like Adobe Flash. 1. HTML5 and the DOM (Document Object Model)
The logo turns into playable, stringed instruments.
: Type "do a barrel roll" into the standard Google search bar to make the page perform a full 360-degree spin. Navigate to a preservation site like (Google spelled
Some of the most famous official alternatives to Google Gravity include:
The best part of the Tornado simulation is that it reacts to you. You can click on the Google logo or a search button while it is spinning and toss it across the screen, disrupting the path of the storm. How to Try Google Gravity Tornado Yourself