Google重力崩壊の仕掛け人!Mr.doobの正体と最新の遊び方を徹底解明
検索ボックスに文字を打ち込もうとした瞬間、ロゴやボタン、検索窓などの全パーツがガラガラと音を立てるかのように画面下部へと落下・崩壊する――。ネット黎明期からギークたちの心を掴み、SNSや動画サイトで幾度となくバズを巻き起こしてきた伝説のギミックが「Google Gravity(グーグルグラビティ)」です。
一見するとGoogle公式のいたずら機能(イースターエッグ)のように思われがちですが、実はこの作品、世界的なWeb技術のパイオニアである天才クリエイター「Mr.doob」ことRicardo Cabello(リカルド・カベロ)氏が制作した実験的Webアートです。本稿では、Mr.doob氏の驚きの経歴や画面が崩れる技術的仕組み、2026年現在のPC・スマホでの遊び方まで、調査報道の視点から徹底解剖します。
📌 【この記事の重要ポイントまとめ】
- 要点1:Google Gravityの生みの親「Mr.doob」は、現代の3D Web標準ライブラリ「Three.js」を開発した世界的エンジニアのRicardo Cabello氏。
- 要点2:画面崩壊の正体は、HTML5と2D物理演算エンジン(Box2D)を組み合わせたブラウザ実験プロジェクト(Chrome Experiments)。
- 要点3:現在もMr.doob公式サイトやミラーサイト(elgooG)経由でPC・スマホ問わず完全に動作可能であり、崩れた状態での検索やパーツ投げなど多彩な裏技が楽しめる。
検索画面が突如崩壊する「Google Gravity」の作者Mr.doobとは一体何者なのか?
突如として重力に引っ張られるようにGoogleのトップページが崩落する「Google Gravity」。この衝撃的なギミックを目の当たりにした多くのユーザーが「Mr.doobとは一体誰なのか?」という疑問を抱いてきました。
Mr.doobの正体は、バルセロナ出身の卓越したプログラマー兼オープンソース開発者、Ricardo Cabello(リカルド・カベロ)氏です。2000年代後半、Web技術が静的なHTML/CSSや重厚なFlashから、軽量かつ動的なJavaScript/HTML5へと劇的にシフトしていた過渡期において、ブラウザの表現限界を拡張するフロントエンド表現の第一人者として頭角を現しました。
彼の名をIT史に決定づけた最大の功績は、JavaScriptによる3D描画を誰でも手軽に扱えるようにした「Three.js」の主任開発者である点です。現在、メタバース空間のブラウザ描画、AppleやNikeなどの最先端プロダクトサイト、3D Web広告のほぼすべてにThree.jsが採用されています。Google Gravityは、彼がWebブラウザの物理表現の可能性を示すために公開した実験的プロジェクト(Experiments with Google)の初期代表作なのです。

【仕組み解明】なぜGoogleの画面はガラガラと崩れるのか?物理演算の裏側
Google Gravityを開くと、おなじみの「Google」ロゴ、検索バー、「Google 検索」「I'm Feeling Lucky」ボタン、上部のナビゲーションリンク群(+You、Gmail、画像、マップなど)が突如として落下します。このGoogleの重力崩壊が起こる仕組みには、当時のブラウザ技術としては極めて前衛的なアプローチが採用されていました。
Mr.doob氏は、画面上の各UI要素(DOM要素)を長方形の「物理剛体」として定義し、2D物理演算エンジン(Box2DのJavaScript移植版)と同期させました。ページ読み込みが完了した瞬間に下方向への重力パラメータを適用することで、各パーツが床や壁、互いの側面に衝突しながら自然に積み重なるリアルな物理挙動を再現しています。
Google公式の検索基盤と連動していた当時は、崩れ落ちて散乱した検索窓に文字を入力してエンターキーを押すと、「検索結果のボックスまでもが上空からドサドサと降ってくる」という細部まで作り込まれた演出が施されていました。Googleは2012年の公式Chrome Blogなどでこの革新的なWeb表現を高く評価し、Webイノベーションの傑作として特集を組みました。
【2026年最新】PC・スマホでのGoogle Gravityの遊び方と隠しコマンド
現在、Google検索エンジンの仕様変更に伴い、かつてのように検索バーから「Google Gravity」と打ち込んで「I'm Feeling Lucky」を押すダイレクトな呼び出し方は制限されています。しかし、Mr.doobの公式サイトや専用ミラー環境を利用することで、2026年の最新ブラウザ(PC・スマートフォン)でも当時そのままの挙動を快適に体験できます。
具体的な手順と隠しギミックの遊び方は以下の通りです。
1. 基本的な起動方法(PC・スマホ共通)
ブラウザで「Mr.doob Google Gravity」と検索し、mrdoob.comの公式プロジェクトページ、またはイースターエッグ保存サイト「elgooG」にアクセスします。ページを開いた瞬間に画面が崩壊し、重力空間が生成されます。
2. スマホでのやり方とタッチ操作のコツ
スマートフォン(iPhoneのSafariやAndroidのChrome)でアクセスした場合でも、完全にジャイロやタッチイベントに対応しています。画面上の落ちた「Google」ロゴや検索バーを指でスワイプして持ち上げ、上空へ放り投げると、画面の端でバウンドしながら落下します。複数のパーツを一気に弾き飛ばすなど、スマホならではの直感的な触感を楽しめます。
3. 隠しコマンド・隠れたギミック
崩壊した後の検索窓にキーワードを入力して検索を実行すると、重力に縛られた状態で検索結果のリンクパネルが上空から降り注ぎます。また、マウスのドラッグ速度(または指のフリック速度)に応じて投げたパーツの初速が変わるため、画面内のパーツ同士を激しくぶつけてドミノ倒しのように散乱させる裏技的な遊び方が可能です。
4. グーグル重力を元に戻す方法
重力でバラバラになった画面を元の整列した状態にリセットしたい場合は、ブラウザの再読み込み(リロード・更新ボタン)を実行するだけで即座に初期状態へ復元されます。

【データ比較】Googleイースターエッグ・裏技作品とMr.doob実験作品の徹底比較
Googleの遊び心溢れるギミック群と、Mr.doob氏が手がけた代表的な実験作品群の仕様・ステータスを一覧表で整理しました。
| 作品名 / ギミック | 開発者・技術基盤 | 公開時期・現行ステータス | 編集部の見解・評価 |
|---|---|---|---|
| Google Gravity | Mr.doob / JavaScript + Box2D 2D物理演算 | 2009年公開 / 公式サイト・elgooGで現役稼働 | DOMと物理エンジンの融合を果たした金字塔。触感の心地よさは現在も色褪せない。 |
| Google Space | Mr.doob / ゼログラビティ物理シミュレーション | Chrome Experiments / elgooG等で稼働 | 無重力空間のようにパーツがふわふわと浮遊・回転。宇宙遊泳のような操作感が魅力。 |
| Google Underwater | elgooG等 / Canvas流体シミュレーション | 2012年以降 / ミラーサイトで体験可能 | 水面に波が立ち、魚が泳ぎ回るビジュアル特化型ギミック。 |
| 一回転(Do a barrel roll) | Google公式 / CSS3 Transform アニメーション | Google公式検索で現在も直接動作 | 検索ワード入力だけで即発動する手軽さがあり、CSSアニメーションの普及に貢献。 |
| Three.js(ライブラリ) | Mr.doob & コミュニティ / WebGL / WebGPU | 2010年〜現在 / GitHubスター数9.9万件超 | 世界のWeb 3D表現のデファクトスタンダード。Mr.doob氏のライフワーク。 |
【実態検証】利用者の生の声と現場目線で見えたWeb開発史のリアル
Google Gravityがこれほどまでに長期にわたって人々の記憶に残り続けている背景には、公開当時のインターネットコミュニティに与えた強烈なインパクトがあります。
SNSやエンジニアコミュニティ(GitHub、Hacker News、5ちゃんねる等)における当時の反響や近年の声を検証すると、以下のようなリアルな反応が記録されています。
- 一般ユーザーの声:「友人に『このGoogleで検索してみて』と画面を渡して崩壊させ、驚かせるドッキリが学校や職場で大流行した」「検索結果までバラバラと落ちてきたときは声を出して笑った」
- エンジニア層の証言:「当時Flash全盛期だった時代に、JavaScriptとHTMLだけでここまでのスムーズな剛体物理を動かしたことに衝撃を受けた」「Three.jsの作者Mr.doob氏のポートフォリオを見て、Webの未来が変わると確信した」
当時、ブラウザ上で高度なアニメーションを動かすにはAdobe Flashプラグインが必須とされていました。しかしMr.doob氏をはじめとする先駆者たちがHTML5とJavaScriptの極限性能を示したことで、Web標準技術への移行が一気に加速したのです。

一般に知られていない盲点とネットの誤解|Google公式機能との決定的な違い
Google Gravityに関して、ネット上では今なお「Googleが公式検索エンジンの裏技として開発・内蔵したもの」と誤解されているケースが少なくありません。しかし、正確な事実は「外部のクリエイターであるMr.doob氏がGoogleの検索UIを模して制作したサードパーティ作品」です。
かつて本家Google検索で「Google Gravity」と検索して「I'm Feeling Lucky」ボタンを押すとこの画面が表示されたのは、検索結果の第1位(Mr.doob氏のページ)へ直接リダイレクトするGoogleの標準仕様を利用していたためでした。Google本体がプログラムを検索エンジン内に直接埋め込んでいたわけではありません。
【プロの結論】おすすめできる人・慎重になるべき人の判断基準
Web技術の歴史的遺産とも言えるGoogle Gravityですが、利用シーンによって向き不向きが存在します。
- 体験を強くおすすめできる人:
- プログラミングやフロントエンド開発を学び始めた初学者(物理演算とDOM制御の好例)
- ちょっとした息抜きや、知人・同僚への小粋な雑談ネタを探している人
- Three.jsやWebGLなど、モダンWebグラフィックスの源流に触れてみたい人
- 利用に慎重になるべき場面:
- 急ぎで実用的な情報検索を行いたいビジネスシーン(崩壊演出により検索効率は大幅に低下します)
- 通信環境が極端に制限された端末環境(旧型端末では物理演算処理による描画負荷が発生する場合があります)
【google gravity mr doob】に関するよくある質問(FAQ)
Q1:Google GravityはiPhoneやAndroidのスマートフォンでも遊べますか?
A1:はい、完全に遊べます。スマホのブラウザでMr.doob公式サイトまたはelgooGの該当ページにアクセスすれば、タッチ操作で落ちたパーツを放り投げたり弾き飛ばしたりする物理アクションがスムーズに動作します。
Q2:画面が崩壊した後、元の正常なGoogle画面に戻すにはどうすればいいですか?
A2:ブラウザの「再読み込み(リロード)」ボタンを押すことで、ページが初期状態にリセットされます。通常のGoogle検索に戻りたい場合は、アドレスバーに「google.com」と再入力してアクセスしてください。
Q3:Mr.doob氏の他の有名な実験作品にはどのようなものがありますか?
A3:無重力空間を再現した「Google Space」、立体的な球体状に文字が回転する「Google Sphere」、画面一面に美しい水滴や波紋を描く「Water Canvas」、マウス軌跡で幾何学模様を描く「Harmony」など、多数の歴史的Webアート作品が公式サイト(mrdoob.com)で公開されています。
Q4:崩れ落ちた検索バーから本当に検索することは可能ですか?
A4:可能です。落ちている検索ボックスをクリック(タップ)して文字を入力し、エンターキーを押すと、上空から検索結果のリンクボックスが次々と降ってくるユニークな演出とともに検索が実行されます。
まとめ:Webの遊び心を切り拓いたMr.doobの功績と今後の楽しみ方
Google Gravityは、単なる一過性のジョークサイトではありませんでした。それは、FlashからオープンWeb標準への大転換期において、ブラウザの表現力を世に知らしめた記念碑的プロジェクトです。
作者であるMr.doob(Ricardo Cabello)氏はその後、Three.jsの開発を通じて現代のWebグラフィックス技術の根幹を築き上げました。日常で何気なく見ている3DサイトやインタラクティブなWeb表現の原点として、ぜひ改めてGoogle Gravityの小気味よい重力崩壊を体験してみてください。 (出典: google gravity mr doob(Yahoo!ニュース))