Помню, как в 2009 году одноклассник показал мне странную штуку: открыл Google, ввёл что-то в адресной строке - и вся страница рухнула вниз, как будто на неё подействовала гравитация. Логотип, кнопки, поисковая строка - всё попадало на дно экрана и там валялось кучей. Можно было хватать элементы мышкой и кидать их, как в настоящей физической песочнице. Это была Google Gravity - одна из самых известных пасхалок, которая гуляет по интернету уже полтора десятка лет. Давайте разберёмся, что это вообще такое, кто это придумал и почему люди до сих пор ищут «Google Gravity» миллионами запросов в год.
Что такое Google Gravity и как это работает
Google Gravity - это не официальная фича от Google, а эксперимент программиста Рикардо Кабелло (известного как Mr.doob). Он создал интерактивную версию главной страницы поисковика, где все элементы подчиняются законам физики.
Открываешь страницу - сначала всё выглядит как обычный Google. Но через пару секунд элементы начинают падать вниз, будто включили гравитацию. Логотип разваливается на части, кнопки съезжают, поисковая строка кувыркается. Всё это сваливается в кучу внизу экрана.
Самое прикольное - элементы интерактивные. Можешь хватать их мышкой и швырять, они будут отскакивать от краёв экрана, сталкиваться друг с другом. Физика упрощённая, конечно, но эффект завораживающий.
Технически это работает на JavaScript-библиотеке под названием Box2D - движок физики, который использовался в куче игр и приложений. Mr.doob просто применил его к HTML-элементам страницы Google, добавил немного магии, и получилась культовая пасхалка.
Я сам потратил минут двадцать, просто кидая элементы по экрану и смотря, как они отскакивают. Глупо, но затягивает. Особенно если показываешь кому-то, кто видит это впервые - реакция всегда одинаковая: «Вау, как?!»
Как открыть Google Gravity
Раньше можно было просто вбить в Google поиск фразу «Google Gravity» и нажать «Мне повезёт» (I'm Feeling Lucky). Это сразу перекидывало на страницу с эффектом. Сейчас этот способ не работает - Google изменил алгоритмы, и первая ссылка ведёт на обычные сайты про эту пасхалку.
Но попасть туда всё равно можно. Вот рабочие способы:
Прямая ссылка. Гуглишь «Google Gravity Mr.doob» и переходишь на страницу mrdoob.com/projects/chromeexperiments/google-gravity - это оригинальная версия от создателя.
Через Chrome Experiments. Заходишь на experiments.withgoogle.com и ищешь старые проекты - там тоже есть ссылка.
Копии на других сайтах. Полно сайтов скопировали этот эффект и выложили у себя. Просто ищешь «Google Gravity» и выбираешь любую рабочую ссылку.
Главное - не попасться на фейковые сайты, которые просят установить расширения или ввести данные. Настоящая Google Gravity ничего не требует, просто открываешь и играешься.
«Google Gravity - доказательство того, что даже серьёзный поисковик можно превратить в игрушку, если приложить фантазию и знание JavaScript».
Другие версии: Underwater, Space, Mirror
Mr.doob на этом не остановился. Он создал целую серию экспериментов с Google:
Google Underwater. Страница Google погружается под воду. Элементы плавают, покачиваются, как будто в аквариуме. Можешь двигать их мышкой - они медленно дрейфуют, реагируя на «течение».
Google Space. Всё улетает в невесомость. Элементы медленно парят по экрану, сталкиваются, отскакивают друг от друга. Можешь их толкать мышкой и смотреть, как они вращаются в космосе.
Google Mirror. Страница Google отзеркалена - всё написано задом наперёд. Логотип, кнопки, текст - всё как в отражении. Поиск даже работает, но результаты показываются в зеркальном виде.
Google Sphere. Все элементы вращаются вокруг курсора по орбитам. Двигаешь мышкой - элементы следуют за ней, крутятся, как планеты вокруг солнца.
Я пробовал все эти версии. Underwater особенно медитативный - включаешь и просто смотришь, как элементы плавно качаются. Space прикольный, когда хочется покидать объекты посильнее. Mirror вообще бесполезный, но забавный.
Зачем это вообще нужно
Хороший вопрос. Практической пользы - ноль. Это просто развлечение, способ убить пару минут. Но в этом и смысл - иногда интернет бывает не только для работы и пользы, но и просто для фана.
Google Gravity стала вирусной потому, что это неожиданно. Ты привык, что Google - серьёзная штука, миллиарды запросов в день, алгоритмы, большие данные. А тут вдруг страница разваливается, и можно играться с логотипом, как с конструктором.
Это ещё и демонстрация возможностей веба. В 2009 году далеко не все сайты были интерактивными. Google Gravity показал, что можно сделать с обычными HTML-элементами, если добавить физику и немного креатива.
Mr.doob вообще известен своими экспериментами. Он создал three.js - популярную библиотеку для 3D-графики в браузере. Его проекты всегда на грани искусства и технологий. Google Gravity - один из них, просто самый известный.
Почему люди до сих пор это ищут
Прошло полтора десятка лет, а запрос «Google Gravity» всё ещё популярен. Почему?
Ностальгия. Люди помнят, как когда-то натыкались на эту пасхалку, и хотят показать детям или друзьям.
Любопытство. Новое поколение интернет-пользователей слышит про эту штуку и хочет проверить сами.
Мемы и видео. Периодически кто-то снимает ролик про Google Gravity, выкладывает в TikTok или YouTube - и начинается новая волна интереса.
Простота. Не нужно ничего устанавливать, регистрироваться, платить. Просто ссылка - и можешь играться.
Я показывал Google Gravity племяннику недавно. Ему девять лет, он не застал тот интернет, где это было новинкой. Но он залип минут на десять, кидал элементы, смеялся. Значит, эффект всё ещё работает.
«Лучшие интернет-штуки - те, которые не стареют. Google Gravity простая, но до сих пор вызывает улыбку».
Можно ли сделать такое самому
Если тебе интересно, как это работает изнутри, можешь попробовать сделать свою версию. Базовые знания JavaScript и библиотека для физики - и вперёд.
Шаг 1: Изучи Box2D или Matter.js (более современная альтернатива). Это движки физики для JavaScript.
Шаг 2: Создай HTML-страницу с элементами, которые хочешь анимировать.
Шаг 3: Подключи библиотеку физики и примени её к элементам. Задай гравитацию, упругость, трение.
Шаг 4: Добавь интерактивность - обработку кликов мышкой, возможность перетаскивать объекты.
Звучит сложно? На самом деле базовую версию можно сделать за пару часов, если есть опыт с JavaScript. Сложнее сделать красиво и плавно - там уже нужно разбираться с оптимизацией, чтобы не тормозило.
Я пытался повторить эффект для своего сайта. Получилось, но работало медленнее оригинала. Mr.doob явно знает свои трюки оптимизации. Но сам процесс был познавательным - понял, как физика в браузере работает.
Наследие Google Gravity
Google Gravity - часть культуры ранних интернет-пасхалок. Тогда разработчики чаще экспериментировали просто ради прикола, без монетизации и бизнес-планов.
Сейчас такого меньше. Интернет стал серьёзнее, коммерчественнее. Но иногда всплывают проекты в духе старых времён - какой-нибудь сайт с абсурдной механикой или интерактивная штука без очевидной цели.
Google Gravity напоминает, что веб может быть игровой площадкой. Не всё должно быть полезным и эффективным. Иногда достаточно просто сделать что-то забавное и выложить в мир.
И знаешь что? Эта страница до сих пор работает. Код написан больше десяти лет назад, а он всё ещё открывается в современных браузерах и делает то же самое. Это редкость - обычно старый веб-код быстро ломается из-за обновлений стандартов.
Google Gravity - это маленькая радость из прошлого интернета, которая дожила до наших дней. Бесполезная, забавная, немного магическая. Если ты никогда её не видел - открой прямо сейчас, покидай элементы пару минут.
Не для продуктивности, не для саморазвития. Просто потому что можно. Иногда интернет должен быть именно таким - местом, где серьёзный поисковик вдруг разваливается на части, и это никому не вредит, а только веселит.
И если захочется чего-то подобного - помни, что Mr.doob сделал ещё кучу экспериментов. Погугли его имя, найдёшь целый архив интерактивных штук. Потеряешь час времени, зато с удовольствием.
📖 Читайте также:
→ Ларри Пейдж и Сергей Брин: история google
→ Google запускает умный поиск: что изменится для всех пользователей
→ Новый квантовый прорыв от Google