Une page Google qui s’effondre sous l’effet de la pesanteur – pas un bug, pas un virus, mais un jeu. Google Gravity est une des créations JavaScript les plus virales de l’histoire du web, et pourtant Google n’y est pour rien. Voici ce qui se cache vraiment derrière cet easter egg.
Google Gravity, c’est quoi?
Google Gravity est une expérience JavaScript non officielle qui applique les lois de la physique à la page d’accueil de Google. Logo, barre de recherche, boutons, liens de navigation – tout chute vers le bas de l’écran comme si la gravité venait d’être activée.
Ce n’est pas une fonctionnalité développée par Google. C’est un programme tiers, écrit en JavaScript, qui s’appuie sur le rendu visuel de la page de recherche pour créer une mécanique de jeu inattendue. Pensez-y comme un mod non officiel appliqué à une interface web – le terrain est celui de Google, mais les règles du jeu ont été réécrites.
Le résultat : les éléments rebondissent, s’accumulent en bas de fenêtre, et réagissent à vos mouvements de souris. C’est à la fois inutile et totalement addictif.
Origine et histoire : Mr.doob, Chrome Experiments et 2009
Tout part de Ricardo Cabello, connu sous le pseudo Mr.doob, développeur espagnol réputé dans la communauté créative du web. En 2009, il publie Google Gravity comme une expérience personnelle – l’idée de traiter une page web institutionnelle comme un terrain de simulation physique.
Le projet est rapidement mis en avant sur Chrome Experiments, la vitrine de Google dédiée aux créations JavaScript poussées. L’expérience devient une référence. En 2012, le Chrome Blog la spotlight comme exemple remarquable d’innovation web ludique – une reconnaissance officielle pour une création qui n’avait rien d’officiel.
Mr.doob a aussi créé d’autres expériences du même calibre, dont Google Space, inspiré de la sortie d’Angry Birds Space. Sa signature : prendre un support connu, en casser les règles visuelles, et voir ce que ça donne.
Comment ouvrir Google Gravity?
La méthode originale était simple. Voici comment elle fonctionnait :
- Aller sur la page d’accueil de Google
- Taper « Google Gravity » dans la barre de recherche
- Cliquer sur le bouton « J’ai de la chance » (I’m Feeling Lucky en anglais) au lieu d’appuyer sur Entrée
- La page se transformait instantanément
Ce bouton « J’ai de la chance » court-circuite les résultats de recherche pour envoyer directement vers le premier résultat – en l’occurrence, la page de Mr.doob. C’était élégant parce que ça n’exigeait aucune installation, aucun plugin.
Problème : la version originale n’est plus accessible depuis 2014, suite à l’abandon de la Web Search API par Google. Aujourd’hui, des répliques fidèles circulent librement en ligne, notamment via le site elgoog.im qui archive et restaure ce type d’easter eggs disparus. Ces copies fonctionnent directement dans votre navigateur, sans rien télécharger.
Comment fonctionne le code derrière Google Gravity?
Le google gravity code repose sur une manipulation directe du DOM – le Document Object Model, autrement dit la structure HTML de la page telle que le navigateur la lit et l’affiche.
Le script travaille en plusieurs étapes :
- Il identifie les éléments clés de la page (logo, barre de recherche, boutons, liens)
- Il supprime toutes les règles de positionnement CSS qui les maintiennent en place
- Il assigne à chaque élément des propriétés physiques : masse, vélocité, vecteur gravitationnel
- Il calcule en temps réel les collisions entre éléments et avec les bords de la fenêtre
Chaque div, chaque bouton devient un corps physique soumis à l’attraction. Le sol, c’est le bas de votre fenêtre de navigateur. Les éléments rebondissent avec un coefficient de restitution qui simule l’élasticité. Vous pouvez attraper les éléments à la souris et les projeter – c’est là que ça devient interactif.
C’est une démonstration concrète de ce que JavaScript peut faire sans canvas, sans WebGL – juste du DOM et des calculs de physique basiques. Pour un développeur, c’est le genre de projet qu’on dissèque pour comprendre comment pousser un navigateur dans ses retranchements.
Google Gravity Space, Slime, Underwater : le tour des variantes
L’easter egg original a généré une vraie famille de variantes. Voici les principales :
- Google Space – créé par Mr.doob lui-même, inspiré de la sortie d’Angry Birds Space. Les éléments flottent au lieu de tomber, sans composante gravitationnelle. Techniquement proche de l’original, mais l’ambiance est radicalement différente.
- Google Gravity Slime – JavaScript modifie le comportement des éléments HTML pour les faire tomber et rebondir avec un effet visuel gluant et visqueux.
- Google Underwater – les éléments flottent comme sous l’eau, avec des bulles et un rendu aquatique.
- Google Anti-Gravity – inversion complète : les éléments montent vers le haut de l’écran.
- Google Zero Gravity – les éléments dérivent librement dans toutes les directions, sans axe privilégié.
- Gravity Game – version plus interactive qui intègre des mécaniques de jeu plus poussées.
Ces variantes étaient hébergées sur chromeexperiments.com. Aujourd’hui, elgoog.im centralise l’accès à ces easter eggs que Google a progressivement retirés ou laissé mourir. C’est le spot de référence si vous voulez tester l’ensemble de la collection.
Google Gravity reste accessible même sans le bouton ‘J’ai de la chance’
L’abandon de la Web Search API en 2014 a tué la version originale. Mais il n’a pas tué Google Gravity. Des dizaines de répliques fonctionnelles existent aujourd’hui, maintenues par des développeurs indépendants qui ont reproduit le comportement original.
La bonne nouvelle : aucune de ces versions ne demande d’installation. Pas d’extension Chrome, pas de plugin Flash, pas de téléchargement. Vous ouvrez votre navigateur, vous allez sur la page, et ça tourne. Les répliques fonctionnent aussi bien sur Chrome que sur Firefox ou Edge. L’expérience reste optimale sur desktop – sur mobile, la physique et les interactions à la souris perdent de leur intérêt.
Peut-on vraiment faire une recherche avec Google Gravity?
La réponse courte : plus vraiment. La recherche en direct a disparu en 2014 avec la Web Search API. La version originale permettait de taper une requête et d’obtenir de vrais résultats Google – les éléments de résultats tombaient ensuite eux aussi. C’était le niveau supérieur de l’expérience.
Ce qui reste interactif aujourd’hui dans les répliques :
- La chute et le rebond des éléments de la page
- L’interaction à la souris pour attraper et lancer les blocs
- Les collisions en temps réel
- L’animation complète de l’interface
Ce qui ne fonctionne plus :
- Les recherches Google réelles depuis l’interface
- L’intégration avec les suggestions de recherche
Sur desktop, l’expérience reste complète visuellement. Sur mobile, le tactile remplace la souris mais les interactions perdent en précision – attraper un élément du bout du doigt est moins satisfaisant que de le saisir avec un curseur.
Google Gravity et ses cousins : une famille d’easter eggs qui a inspiré le web
Google Gravity n’est pas né dans le vide. Il s’inscrit dans une culture plus large des easter eggs web – ces créations cachées ou détournées que les développeurs glissent dans des interfaces pour le plaisir. Google lui-même entretient cette tradition avec des easter eggs dans son moteur de recherche : faire pivoter les résultats, lancer un jeu de serpent, faire tomber les résultats comme des briques.
Mais l’impact de Google Gravity sur la communauté dev est spécifique. En 2009, montrer qu’on pouvait transformer une page web institutionnelle en simulation physique avec quelques centaines de lignes de JavaScript – c’était une démonstration de force. Beaucoup de développeurs citent ce projet comme une source directe d’inspiration pour leurs propres expériences créatives.
Chrome Experiments a joué un rôle central dans cette dynamique. La plateforme a fonctionné comme une galerie d’art pour le JavaScript créatif, et Google Gravity en était l’une des pièces maîtresses. Cette visibilité a encouragé d’autres développeurs à tenter des détournements similaires d’interfaces célèbres.
Pourquoi Google Gravity fascine-t-il encore autant aujourd’hui?
Quinze ans après sa création, Google Gravity génère encore des millions de recherches chaque année. Ce n’est pas de la nostalgie – c’est autre chose. C’est le plaisir de voir quelque chose de rigide et d’institutionnel s’effondrer littéralement sous vos yeux.
Pour les développeurs, c’est un cas d’école. Le code est lisible, la mécanique est compréhensible, et le résultat est immédiatement spectaculaire. C’est le type de projet qu’on montre quand on veut prouver que JavaScript peut faire plus que valider des formulaires.
Pour le grand public, c’est plus simple : regarder le logo Google tomber par terre et rebondir, ça fait rire. Pas besoin de comprendre le DOM ou la physique newtonienne. Le run dure trente secondes, vous envoyez le lien à quelqu’un, et la boucle recommence.
Google Gravity est resté parce qu’il touche quelque chose d’universel – le plaisir de casser ce qui semble incassable. La page Google, c’est l’une des interfaces les plus vues au monde. La voir s’effondrer comme un château de cartes, même virtuellement, ne vieillit pas.