Google Gravity Tornado is a web-based interactive demonstration that simulates a gravity-like field causing page elements to be pulled toward a central vortex, creating a tornado/whirlpool effect. This report describes the concept, implementation, UX evaluation, performance considerations, accessibility, and recommendations for improvement.
In the vast, often sterile landscape of modern web design, Google is famous for hiding delightful little anomalies. While most users know about "Google Gravity"—the 2009 experiment where the search page collapses into a heap at the bottom of the screen—fewer are familiar with its chaotic, spinning sibling: the Google Gravity Tornado. google gravity tornado
It is a hidden corner of the internet where physics goes to misbehave. While most users know about "Google Gravity"—the 2009
Technically, the Tornado effect is a showcase of JavaScript physics libraries. It relies on manipulating the DOM (Document Object Model)—the structure of the webpage—to detach elements from their fixed positions. It relies on manipulating the DOM (Document Object
To the uninitiated, the concept is simple. By navigating to the Google homepage and searching for "google gravity" (or sometimes "google gravity tornado" via specific Easter egg repositories like Mr. Doob), the familiar, rigid interface of the search giant is subjected to a simulated tornado.
Unlike the original "Gravity" experiment, where elements fall straight down like a demolished building, the Tornado version introduces lateral force and angular momentum. The iconic multi-colored logo, the search bar, the "I'm Feeling Lucky" button, and the footer links are ripped from their anchors. They don't just fall; they orbit.
The screen becomes a centrifuge. The elements spin around the center of the browser window in a mesmerizing, chaotic dance. The "Google" logo breaks apart, with the blue 'G' and the red 'e' flying in opposite directions, chased by the search bar. It is a satisfying display of JavaScript physics, rendering the internet’s most stable website temporarily unstable.