Google Gravity est une expérimentation web interactive qui fait s’effondrer l’interface de Google sous l’effet d’une gravité simulée. Découvrez son fonctionnement, son créateur, les technologies derrière le projet et comment le tester en quelques secondes.
Google Gravity : l’expérimentation web qui défie la pesanteur
Imaginez la page d’accueil de Google qui s’effondre littéralement sous vos yeux. C’est exactement ce que propose Google Gravity, une expérimentation web devenue culte qui transforme l’interface familière du moteur de recherche en un terrain de jeu physique. Le logo, la barre de recherche, les boutons et les liens se détachent et tombent au bas de l’écran avec un réalisme bluffant. Vous pouvez ensuite les attraper, les lancer, et observer les collisions et rebonds.
Ce projet illustre brillamment les capacités combinées de JavaScript, HTML5 et du moteur physique Box2D. Au-delà du simple amusement, il a marqué l’histoire du web créatif et inspiré toute une génération de développeurs.
Qui a créé Google Gravity ?
Contrairement à une idée reçue largement répandue, Google Gravity n’est pas un Easter Egg officiel de Google. Il s’agit d’une création indépendante développée en 2009 par Ricardo Cabello, plus connu sous le pseudonyme de Mr.doob. Ce développeur créatif est également à l’origine de Three.js, l’une des bibliothèques 3D JavaScript les plus utilisées au monde.
Google Gravity a été initialement hébergé sur Chrome Experiments, la plateforme de Google dédiée aux démonstrations techniques des navigateurs modernes. Son succès viral a contribué à populariser les expérimentations web ludiques et à démontrer la puissance créative de JavaScript hors des sentiers battus.
Comment utiliser Google Gravity ? Les deux méthodes
Méthode 1 : accès direct à l’URL d’origine (recommandée)
C’est la méthode la plus fiable et la plus rapide. Ouvrez votre navigateur et rendez-vous directement sur :
- mrdoob.com/projects/chromeexperiments/google-gravity/ — la version originale de Mr.doob
Dès le chargement de la page, déplacez votre souris : tous les éléments se détachent et tombent en cascade au bas de l’écran. Cliquez et glissez n’importe quel élément pour l’envoyer rebondir.
Méthode 2 : via la recherche Google (historique)
La méthode traditionnellement enseignée consiste à :
- Ouvrir Google.com dans un navigateur
- Taper Google Gravity dans la barre de recherche
- Cliquer sur J’ai de la chance (ou I’m Feeling Lucky)
Cette méthode dépend cependant du comportement actuel de la recherche Google et du référencement de la page Mr.doob, qui peut varier dans le temps. L’URL directe reste la solution la plus sûre.
Les technologies derrière Google Gravity
Si l’effet visuel est aussi convaincant, c’est grâce à plusieurs briques techniques précisément combinées.
Box2D, le moteur physique du jeu vidéo
Box2D est un moteur de simulation physique 2D open source, originellement écrit en C++ et porté en JavaScript. Largement utilisé dans des jeux vidéo célèbres comme Angry Birds, il calcule en temps réel la gravité, l’inertie, les collisions et les rebonds entre objets. Dans Google Gravity, chaque élément de la page (logo, bouton, lien) devient un corps physique géré par Box2D.
HTML5 et la manipulation du DOM
Mr.doob a exploité la flexibilité du DOM (Document Object Model) pour détacher dynamiquement les éléments HTML de leur position naturelle et leur appliquer les coordonnées calculées par Box2D. Cette technique illustre la puissance de HTML5 et JavaScript pour transformer une page statique en environnement interactif.
Interactivité totale au clic et au glisser
L’utilisateur peut saisir un élément avec la souris (ou le doigt sur écran tactile), le lancer, et observer les effets physiques se propager : collisions, rebonds, empilements. Cette interactivité fluide est ce qui distingue Google Gravity d’une simple animation préprogrammée.
Pourquoi Google Gravity fascine-t-il autant ?
Une expérience interactive plutôt qu’une animation passive
Là où la plupart des Easter Eggs Google sont des animations linéaires (comme Do A Barrel Roll ou Askew), Google Gravity propose une véritable simulation interactive. L’utilisateur n’est plus spectateur, il devient acteur de l’expérience.
Une vitrine pédagogique pour la physique et le code
De nombreux enseignants utilisent Google Gravity pour illustrer concrètement les notions de gravité, inertie, force et collision auprès de leurs élèves. Côté développeurs web, c’est un cas d’école parfait pour comprendre la manipulation du DOM, l’intégration d’un moteur physique et l’optimisation des animations en JavaScript.
Une icône culturelle du web créatif
Plus de 15 ans après sa publication, Google Gravity reste régulièrement cité dans les rétrospectives du web et inspire encore aujourd’hui de nouvelles expérimentations. Il a même donné son nom à un IDE Google sorti en 2026, Antigravity, en clin d’Å“il direct à cette tradition de défier les conventions du code.
Les variantes et autres Easter Eggs liés à Google Gravity
Google Gravity a inspiré toute une famille d’expérimentations cousines, dont voici les plus populaires :
- Google Anti-Gravity : tous les éléments flottent vers le haut au lieu de tomber
- Google Space (Floating Google) : l’interface se met à flotter en apesanteur, comme dans l’espace
- Google Sphere : les éléments s’organisent en sphère 3D rotative
- Google Underwater : la page se transforme en aquarium animé
- Google Mirror (elgooG) : tout est affiché en miroir
- Do A Barrel Roll : la SERP effectue une rotation complète à 360°
- Askew : la page entière s’incline légèrement
La plupart de ces expérimentations sont disponibles sur des sites comme elgoog.im, qui maintient des versions modernisées avec support mobile et dark mode.
Foire aux questions sur Google Gravity
Google Gravity fonctionne-t-il encore en 2026 ?
Oui, Google Gravity fonctionne toujours via l’URL directe mrdoob.com/projects/chromeexperiments/google-gravity/. Le fonctionnement via la recherche Google et le bouton « J’ai de la chance » peut varier selon les évolutions de l’algorithme. L’accès direct reste la méthode la plus fiable.
Qui a créé Google Gravity ?
Google Gravity a été créé en 2009 par Ricardo Cabello, développeur espagnol connu sous le pseudonyme Mr.doob. Il est également l’auteur de la bibliothèque 3D JavaScript Three.js, largement utilisée dans le web créatif et les jeux en ligne.
Google Gravity est-il un vrai Easter Egg de Google ?
Non. Google Gravity n’est pas une fonction officielle de Google. Il s’agit d’une expérimentation indépendante hébergée sur Chrome Experiments. Son association forte avec Google vient du fait qu’il transforme l’interface du moteur de recherche, mais le projet est entièrement développé et maintenu par Mr.doob.
Quelle technologie utilise Google Gravity ?
Google Gravity combine JavaScript, HTML5 et le moteur physique Box2D pour simuler la gravité, les collisions et les rebonds en temps réel. La manipulation du DOM permet de détacher dynamiquement les éléments de la page pour leur appliquer la simulation physique.
Google Gravity peut-il être utilisé sur mobile ?
L’expérience originale a été conçue pour une interaction à la souris sur ordinateur. Sur mobile, le rendu peut fonctionner mais avec des limitations tactiles. Des versions modernisées sur elgoog.im proposent un meilleur support mobile et un mode sombre.
Existe-t-il d’autres Easter Eggs similaires à Google Gravity ?
Oui, plusieurs variantes existent : Google Anti-Gravity (les éléments flottent vers le haut), Google Space, Google Sphere, Google Underwater, Google Mirror et des Easter Eggs officiels comme Do A Barrel Roll ou Askew. La plupart sont accessibles sur elgoog.im ou mrdoob.com.
Chez DualMedia, nous sommes passionnés par les nouvelles technologies et les expérimentations web créatives depuis 2000. Nos équipes maîtrisent les technologies modernes (JavaScript, HTML5, moteurs physiques, animations interactives) et accompagnent les marques dans la conception d’expériences web et mobiles innovantes. Contactez nos experts pour donner vie à vos projets digitaux : contactez-nous.