Google 弾むロゴ イースターエッグ

👇 下にスクロールして遊ぼう!

基本情報

概要

Google のロゴが弾むインタラクティブなおもちゃに — 余分な「o」が跳ね、伸び、バネのように戻ります。

制作者

elgooG,
Aleksandr

公開日

2020

ステータス

ルグーグで遊べる

イースターエッグで遊ぶ

制作の経緯

コンセプト概要

Googleのページ下部に並ぶ、たくさんの「o」が続く「Goooooooooogle」のページネーション、覚えていますか?このイースターエッグは、その小さなUIディテールを、手で触って遊べる物理演算の遊び場に仕立て直しました。

アイデアと開発

私たちはGoogleの「o」を増やし、ロゴ全体に弾性のある動きを与えました。文字を掴んで伸ばし、手を離すと、ぷにっと滑らかなアニメーションで元の形へ。見慣れたロゴを新鮮に楽しむ、シンプルで触覚的な体験です——純粋に“楽しい”のために。

体験

主な機能

中心にあるのは、“o”だらけの超ロングなGoogleロゴ。文字は静止していません——弾み、しなり、刺激に反応して揺れます。クリック&ドラッグでロゴを変形し、手を離せば気持ちよくスナップバック。軽い重力効果が各文字に重みを与え、自然で心地よい動きに落ち着きます。

仕組み

伸びて、弾んで、生き返る——弾性をもったGoogleロゴ。各文字がドラッグやフリックに反応し、遊び心ある物理演算の動きで、ずっといじっていたくなります。

遊び方

  1. 上のボタンをクリックして、Elastic Logoを開きます。
  2. たくさんの弾む「o」を持つ、細長いGoogleロゴが表示されます。
  3. 文字をクリック&ドラッグしてロゴを伸ばします。
  4. 手を離して、バネのように弾んで元に戻るのを見てください!
もともとAleksandrがCodePenでプロトタイプを作ったものを、私たちは洗練されたレスポンシブ体験へ拡張しました。軽量な物理演算が“つい触りたくなる”心地よさを実現——デジタルなフィジェットトイのようです。

まとめ

Googleの弾むロゴ イースターエッグは、小さなデザイン要素が思いがけない楽しさに化ける好例です。非公式ながら、Googleの遊び心ある精神をしっかり捉えています——見慣れたものを、もう一度新しく。ときに、最も魅力的な遊びは、シンプルなアイデアと少しの賢い物理から生まれます!

よくある質問(FAQ)

このGoogleの弾むエフェクトとは何ですか?

Google Bouncyは、象徴的なロゴをインタラクティブで弾性のあるおもちゃに変えます。文字を掴んで伸ばすと、単語全体がスプリングのような物理で波打ちます。毎日目にするロゴに、ちょっとした遊び心を添える手軽で満足度の高い気晴らしです。

引っ張って、離して、心地よいバウンドに見入ってください——シンプルで触覚的、そして不思議とリラックスできます。

このGoogleの弾む楽しさを体験するにはどうすればいいですか?

ここで弾むGoogleロゴを思う存分どうぞ。あわせて、ほかのGoogleにインスパイアされたゲームやイースターエッグもたくさん探検してみてください。

ページが読み込まれたら、その伸縮自在なロゴをドラッグし始めてください。引っ張って、落として、好きなだけ——終わりなき魅惑のバウンドを見てください。

👈 または Esc で戻ります。

👈ボタン で戻ります。

驚くほど弾むGoogleを体験しよう。Goooooooooooooooooogleは、クラシックなロゴにスプリング物理を加えた、遊び心満点の伸縮トリックです。

G
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
g
l
e