Google ブラックホールエフェクト
基本情報
- 概要
- ブラックホールのアイコンをクリックすると、ページが中心へ吸い込まれ、そのあとゆっくり元どおりに組み上がります。
- 制作者
- ルグーグ(elgooG),
Baidu に着想 - 公開日
- 2024
- ステータス
- ルグーグで体験可能
イースターエッグを試す
制作の背景
核となるアイデア
検索結果の文字や画像が、ブラックホールの中心へ吸い込まれていく視覚効果です。整然と並んだページの要素が縮小しながら集まり、一時的に画面から消えます。
天体としてのブラックホールを題材に、検索ページ全体が引力を受けるような動きを表現しています。
着想と開発
中国の検索サイトBaidu（百度）には、検索結果をブラックホールに吸い込ませたあと、元に戻す仕掛けがありました。このページは、そのアイデアをGoogle風の検索結果に取り入れた非公式作品です。
イースターエッグ体験
見どころ
通常の検索結果の横に、小さなブラックホールのアイコンが回転しています。
アイコンを押すとブラックホールが画面中央に広がり、ページの各要素が縮みながら吸い込まれます。いったん画面から消えたあと、逆の動きで元の大きさと配置に戻ります。
仕組み
検索結果の文字、画像、リンク、ボタンが中心へ移動し、縮小しながら消えていきます。
ページ全体が中心に集まると、復元のアニメーションに切り替わります。各要素が元の大きさと配置に戻り、ページ上部が表示されるため、続けてもう一度試せます。
試し方
- 上のボタンを押して、検索結果ページを開きます。
- 結果の近くで回っている、小さなブラックホールのアイコンを探します。
- アイコンをクリックまたはタップして、エフェクトを始めます。
- 画面の真ん中でブラックホールが大きくなり、文字や画像、リンク、ボタンが吸い込まれていくのを見ます。
- 穴が薄れて、パーツがそれぞれの場所に戻るまで見届けます。
ページが中心から広がると、吸い込まれた要素が逆の順番で戻り、元の配置が少しずつ組み上がっていきます。
まとめ
画面の中央だけでなく、周囲にも注目してみてください。ナビゲーションやフッターまで吸い込まれ、そのあと元の位置に戻ります。
イースターエッグを試す
よくある質問（FAQ）
ブラックホールエフェクトとは何ですか？
ブラックホールエフェクトは、検索結果の中に回転するブラックホールのアイコンを置いた、非公式のブラウザアニメーションです。
アイコンをクリックすると、画面の真ん中にブラックホールが開きます。文字や画像、リンク、ボタンがそこへ流れていき、小さくなって消えていきます。
演出が終わると各要素が元の配置に戻ります。Baidu の検索の仕掛けに着想を得て当サイトが制作した作品で、Google 公式のイースターエッグではありません。
ブラックホールはどうすれば始まりますか？
上のボタンを押してページを開き、検索結果の近くで回っている小さなブラックホールのアイコンを探してください。
そのアイコンをクリックまたはタップします。アニメーションは自動で進み、終わるとページが元どおりになって、またアイコンが現れるので、何度でも試せます。
Google Gravity や浮遊するGoogle と似ていますか？
どれも Google 風の見た目の遊びですが、ページの動かし方がそれぞれ違います。Google Gravity はパーツを下に落とし、浮遊するGoogle はパーツを画面の中で漂わせます。
ブラックホールエフェクトはページ全体を暗い一点に吸い込み、一瞬消してから、すべてを元の場所に戻します。
