Tapez « do a barrel roll » dans la barre de recherche Google et regardez votre écran pivoter sur lui-même. Cette rotation complète à 360° fait partie des easter eggs les plus connus du moteur de recherche, et on peut la déclencher en moins de deux secondes depuis n’importe quel navigateur.
Pourquoi l’animation ne fonctionne pas sur certains navigateurs
Avant de détailler la manipulation, autant partir du problème que beaucoup rencontrent : on tape la requête, la page de résultats s’affiche, mais rien ne bouge. Dans la majorité des cas, le souci vient du navigateur ou de ses réglages.
A lire en complément : Média en CSS : comment fonctionne cette notion en web design ?
L’effet repose sur une transformation CSS appliquée à la page entière. Le code injecte une rotation de 360° sur l’élément racine du document. Si le navigateur bloque les animations CSS, désactive le JavaScript associé ou utilise un mode de compatibilité ancien, l’animation ne se déclenche pas.
Sur mobile, les retours varient sur ce point : certains téléphones affichent la rotation sans problème, d’autres l’ignorent selon la version de l’application Google ou du navigateur par défaut. Pour maximiser les chances, on passe par Chrome ou Firefox mis à jour, en navigation classique (pas en mode simplifié).
A lire en complément : Créer un flux RSS Google News : comment faire pour améliorer sa visibilité en ligne ?
Comment faire tourner Google en tapant « do a barrel roll »
La manipulation tient en une étape. Ouvrez Google dans votre navigateur, tapez do a barrel roll dans la barre de recherche, puis validez. La page de résultats effectue une rotation complète avant de revenir à sa position normale.
L’animation dure environ une seconde. Elle ne modifie rien aux résultats affichés, ne perturbe pas la navigation et ne se relance pas automatiquement. Pour la revoir, il suffit de relancer la recherche ou de rafraîchir la page.
Une variante produit le même effet : tapez « Z or R twice » dans Google. Cette formulation renvoie à la commande originale du jeu Star Fox sur Nintendo 64, où le personnage Peppy Hare demandait au joueur d’exécuter un tonneau en appuyant deux fois sur Z ou R. Google a repris cette référence pour déclencher la même rotation.
Easter eggs Google : les autres commandes cachées à tester
Le barrel roll n’est pas un cas isolé. Google intègre plusieurs easter eggs accessibles directement depuis la barre de recherche, chacun avec un effet visuel ou interactif différent.
- « askew » : la page de résultats s’affiche légèrement inclinée, comme si l’écran penchait. L’effet utilise aussi une transformation CSS, cette fois avec un angle de rotation réduit.
- « google gravity » (via le bouton « J’ai de la chance ») : tous les éléments de la page tombent vers le bas de l’écran et s’empilent, simulant la gravité. Ce script JavaScript modifie le positionnement de chaque bloc en temps réel.
- « Pac-Man » : Google avait intégré un mini-jeu Pac-Man jouable directement sur la page de résultats. Ce type d’easter egg interactif apparaît souvent lors de dates anniversaires.
- « Thanos » : en tapant ce nom, un gant apparaissait dans les résultats. Un clic dessus faisait disparaître la moitié des résultats affichés, en référence au film Avengers.
Certains de ces eggs restent actifs en permanence, d’autres sont temporaires et liés à des événements. Google ne publie pas de liste officielle, ce qui entretient le côté découverte.
Le code CSS derrière la rotation de l’écran à 360°
Pour les curieux du fonctionnement technique, la rotation du barrel roll repose sur quelques lignes de CSS et de JavaScript. Google applique temporairement une règle de type transform: rotate(360deg) à l’élément conteneur principal de la page de résultats.
La transition est gérée par une propriété CSS d’animation qui définit la durée et le type d’accélération. Le navigateur interprète cette instruction et effectue le rendu graphique côté utilisateur, sans rechargement de page.
On peut reproduire cet effet sur n’importe quel site. Il suffit d’ajouter dans la console développeur du navigateur (F12 puis onglet Console) une ligne de code qui cible le body et lui applique la même transformation. L’animation s’exécute une fois, puis l’élément revient à son état initial.
Reproduire l’effet sur son propre site
Pour intégrer un barrel roll sur une page web, on ajoute une classe CSS avec les propriétés suivantes : une animation nommée, une durée (autour d’une seconde donne un bon rendu), et un keyframe qui passe de 0 à 360 degrés. Le déclencheur peut être un clic, un survol ou un chargement de page.
L’intérêt reste limité à un contexte ludique ou promotionnel. Appliquer une rotation à une page entière nuit à la lisibilité si c’est mal dosé. On le réserve à des pages événementielles, des pages 404 originales ou des sections interactives où l’utilisateur s’attend à un effet visuel.
Barrel roll sur mobile : ce qui change par rapport au desktop
Sur smartphone, l’animation fonctionne dans le navigateur mobile (Chrome, Safari, Firefox) quand on effectue la recherche via la barre d’adresse. En revanche, dans l’application Google, le comportement peut différer.
L’application Google sur Android et iOS utilise son propre moteur de rendu pour afficher les résultats. Les scripts et les animations CSS injectés par Google ne se comportent pas toujours de la même façon que dans un navigateur complet. Passer par le navigateur mobile plutôt que l’app reste la méthode la plus fiable pour voir la rotation.
La taille réduite de l’écran rend aussi l’effet moins spectaculaire. Sur un moniteur desktop, la rotation de la page entière crée un vrai impact visuel. Sur un écran de téléphone, le mouvement est le même mais la surface concernée est bien plus petite, ce qui atténue la sensation.
Le barrel roll de Google reste un des easter eggs les plus simples à déclencher et les plus partagés. Deux mots dans une barre de recherche, une rotation d’écran, et la page reprend son cours normal. Pour découvrir d’autres commandes cachées, la méthode la plus efficace reste de tester directement les termes mentionnés plus haut et de fouiller les forums spécialisés, Google ajoutant ou retirant régulièrement ces petites surprises sans prévenir.
