Google Gravity
👇 下にスクロールして体験を始めよう！
基本情報
Google のホームページが崩れ落ちて物理の山になり、そのままつかんで遊んだり検索を続けたりできる定番実験。
Mr.doob,
ルグーグ(elgooG)
2009-03-18
公開中
（ルグーグが強化）
イースターエッグを試す
Google公式版
始まり
Mr.doob がブラウザの物理表現を見せるために作ったのが Google Gravity です。作品は Chrome Experiments で公開され、Google も後に 2012 年の Chrome Blog で、遊び心あるウェブ実験の代表例として紹介しました。
何が起きたか
ページを開くと、ロゴも検索ボックスもボタンもリンクも、全部が重力に負けて下へ落ちていきます。あとはマウスや指でつかみ、投げ、跳ね返りを眺めるだけ。元の版では、のちに終了した Google Web Search API を通して、そのまま検索までできました。
反響と広がり
この小さな実験がネットの定番になった理由は、とにかくわかりやすいからです。見慣れたホームページが一瞬で物理おもちゃに変わる。その驚きが、JavaScript で UI に手触りを与えられることを多くの人に印象づけました。
ここで強化した点
Google が 2014 年に Web Search API を終了すると、元の検索機能も壊れてしまいました。そこで API エミュレーションで検索フローを復活させ、モバイル向けの操作調整とダークテーマも加えて、今のウェブでも自然に遊べるようにしました。
強化版の体験
ここでの違い
この版は、崩れ落ちる楽しさと物理のいたずらっぽさをそのまま残しつつ、時間とともに壊れた部分を補っています。検索は API エミュレーションで復活し、タッチ操作も安定し、ダークテーマにもすぐ切り替えられます。
イースターエッグ体験
上のボタンを押すと、画面全体が一気に下へ崩れます。少し落ち着いたら、パーツをつかんで動かしたり投げたり、検索して新しい結果も同じ山に落としたりできます。スマホ、タブレット、デスクトップのどれでも楽しめます。
試し方
- 上のボタンをクリックして開始します。
- ページ全体が下へ崩れ落ちる様子を見ます。
- 落ちたパーツをつかんで動かしたり投げたりします。
- 普通に検索して、新しい結果も山に落とします。
- 好きなときにライトテーマとダークテーマを切り替えます。
Mr.doob の作品が持っていた「ページがそのまま遊び道具になる」感覚は、そのまま残しました。壊れていた検索は API エミュレーションで戻し、モバイルでは指でつかんだときの気持ちよさが損なわれないように細かく調整しています。
まとめ
Google Gravity は今でも十分におもしろい実験です。ホームページが崩れ落ちる気持ちよさに、ちゃんと動く検索と現代向けの使いやすさが加わり、また気軽に戻って来られるようになりました。
よくある質問（FAQ）
Google Gravity とは？
Google Gravity は、Mr.doob が 2009 年に作ったブラウザ実験で、Google のホームページを物理法則に従わせる作品です。2014 年に Google Web Search API が終了したあと、元の版ではライブ検索が使えなくなったため、このページでは API エミュレーションでその部分を戻しています。
ページを開くと、要素が全部下へ落ちていきます。その後は、つかんで投げ、ぶつかり合って跳ねる様子をそのまま遊べます。
Google Gravity はどう遊ぶ？
ページを開いて崩れ落ちるのを待ったら、マウス、トラックパッド、タッチ操作で好きな要素をつかんで動かしたり投げたりします。検索語を入れれば、新しい結果もその山に加わります。
なぜここで Google Gravity を復元したの？
元の作品は古い Google Web Search API に依存していたため、サービス終了後は体験の大事な部分が欠けてしまいました。ここでは検索を復活させ、タッチ操作とダークテーマも整えて、実験としての完成度をもう一度取り戻しています。