Google 弾むロゴを体験

基本情報

概要
昔の Google の検索結果ページにあった、長く伸びた Goooooooooooooooooogle ロゴを引っぱると、ばねのように戻ってきます。
制作者
ルグーグ(elgooG),
Aleksandr
公開日
2020
ステータス
ルグーグで体験可能

イースターエッグを試す

制作の背景

核となるアイデア

以前の Google 検索では、結果ページ下部のページ番号に合わせて「o」が並ぶ、横長のロゴが表示されていました。

この作品は、その Goooooooooooooooooogle ロゴをドラッグできる形にしたものです。文字同士がばねでつながったように伸び縮みします。

着想と開発

もとになったのは、Aleksandr がウェブ作品の共有サイト CodePen で公開した実験です。このサイトでは専用のページで遊べるようにしており、マウスでもタッチ操作でも文字をドラッグできます。

イースターエッグ体験

見どころ

横長のロゴを構成する文字が互いにつながっており、一文字をドラッグすると周囲の文字も動きます。

任意の文字を引いて放すと、ロゴが伸び、揺れながら元の並びに戻ります。

仕組み

文字はばねでつながったように動き、ひとつをドラッグすると隣の文字も引っ張られます。手を放すと、ばねの力と重力によって揺れながら戻り、少しずつ静止します。

試し方

  1. 上のボタンを押して、ロゴを表示します。
  2. Goooooooooooooooooogle の任意の文字をドラッグします。
  3. 手を放すと、文字列が揺れながら元の配置に戻ります。

以前の Google 検索で、ページ番号の上に表示されていた横長のロゴを題材にした非公式作品です。

元のデザインでは、並んだ「o」が検索結果のページ番号に対応していました。この作品では、その文字列にばねのような動きを加えています。

まとめ

好きな文字をつかんで、ロゴをいろいろな方向へ引っ張ってみてください。手を放すと、つながった文字が次々に揺れ、やがて落ち着いていきます。

イースターエッグを試す

よくある質問(FAQ)

Goooooooooooooooooogle とは何ですか?

以前の Google 検索でページ番号の上に使われていた横長のロゴを、ドラッグで動かせるようにした非公式作品です。

各文字がばねでつながったように連動します。一文字をドラッグすると周囲の文字も動き、手を放すと揺れながら戻ります。

これは Google 公式のイースターエッグですか?

いいえ。Aleksandr の CodePen の実験をもとに、このサイトで公開している非公式の作品です。デザインは昔の Google のページ番号のロゴに着想を得ています。

元のロゴは検索結果のページを切り替えるためのものでした。文字をドラッグして弾ませる動きは、この非公式のおもちゃで加えたものです。

長い Goooooooooooooooooogle ロゴを引っぱってみよう。文字が伸びて揺れて、やわらかく跳ねて元に戻ります。

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