Google ブラックホールエフェクトを体験
👇 下にスクロールして体験を始めよう!
基本情報
ブラックホールのアイコンを押すと、ページが中心へ崩れ、やがてやさしく元の形に戻ります。
ルグーグ(elgooG),
Baidu に着想
2024
ルグーグで体験可能
イースターエッグを試す
制作の背景
核となるアイデア
ブラックホールエフェクト(Black Hole Effect)は、画面のジョークにしやすい題材です。中央に暗く強い点があるだけで、そのまわりのものが全部そこへ引き寄せられそうに見えるからです。このページは、その発想を見慣れた検索結果レイアウトの上に置き、画面全体を演出の一部にしています。
仕掛けはシンプルで、とても視覚的です。静かに並んでいたリンクや言葉、画像やボタンが、ブラックホールに出会ったとたん、急に別の行き先を持ったように見えてきます。
着想と開発
発想の火種になったのは、Baidu 側で見られた検索トリックです。特定の検索で結果ページが曲がったり、回ったり、ブラックホールへ崩れたりすることがありました。このページは、そのアイデアを Google 風の結果ページの上で非公式エフェクトとして組み直したものです。
Google が昔出していた機能を復元したページではありません。回転するアイコン、ひとつのはっきりした崩壊、そして引き込みが終わったあとに丁寧に戻ってくる流れ。その 1 サイクルに集中した画面トリックです。
イースターエッグ体験
見どころ
ページは最初、ふつうの検索結果のように始まります。上には検索バーがあり、リンクは整った列に並び、その横で小さなブラックホールのアイコンが静かに回り続けています。
そのアイコンをクリックまたはタップすると、静かな画面が動き出します。画面中央にブラックホールが開き、ページの断片は内側へ流れ込み、中心に近づくほど小さくなりながら、ひとつずつ消えていきます。そのあと穴は薄れ、断片は戻り、ページも元の形を取り戻します。
仕組み
この演出は、見えているページの部品を小さな紙片のように扱います。ひとつずつ中心へ引かれ、ブラックホールに近づくほど縮小され、短いあいだだけ隠されます。
ページ本体のラッパーまで中心へ折りたたまれたあと、アニメーションは逆向きに切り替わります。ラッパーがふくらみ直し、隠れていた部品が順番に戻り、またすぐ遊べるようにページは上のほうで落ち着きます。
試し方
- 上のボタンを押して検索結果ページを開きます。
- 結果の近くにある小さな回転するブラックホールのアイコンを見つけます。
- アイコンをクリックまたはタップして演出を始めます。
- ブラックホールが中央で大きくなり、文字、画像、リンク、操作パーツを内側へ引き込む様子を見ます。
- 穴が薄れ、ページの部品が元の場所へ戻るまで、その 1 サイクルを最後まで見届けます。
Google 風のページトリック仲間ではありますが、動き方は別です。Google Gravity は部品を下へ落とし、Floating Google は画面の中を漂わせます。ブラックホールエフェクトは、すべてをひとつの中心へ引き寄せてから、もう一度きれいに返してくれます。
まとめ
魅力はとてもわかりやすいです。1 回押すだけで、検索結果ページが小さな宇宙のワンシーンのようになり、少しのあいだ消えて、また帰ってきます。
よくある質問(FAQ)
ブラックホールエフェクトとは何ですか?
ブラックホールエフェクト(Black Hole Effect)は、検索結果の中に回転するブラックホールのアイコンを置く非公式のブラウザ演出です。
そのアイコンを押すと、画面中央にブラックホールが開きます。文字、画像、リンク、操作パーツは内側へ流れ込み、縮みながら消えていきます。
引き込みが終わると、演出はページを少しずつ復元します。発想は Baidu 側のブラックホール検索トリックにありますが、ここで見られるのはこのサイト上の非公式エフェクトで、Google が昔提供していた機能ではありません。
ブラックホールはどうやって起動しますか?
上のボタンを押してページを開いたら、検索結果の近くにある小さな回転するブラックホールのアイコンを探してください。
そのアイコンをクリックまたはタップすると演出が始まります。終わるとページは元に戻り、アイコンもまた現れるので、すぐにもう一度試せます。
Google Gravity や Floating Google と似ていますか?
同じく遊び心のある Google 風の視覚トリックですが、動き方は違います。Google Gravity は部品を下へ落とし、Floating Google は画面の中を漂わせます。
ブラックホールエフェクトは、ページ全体をひとつの暗い中心へ引き寄せ、少しだけ消えたあとで元の場所へ戻します。

