暢玩 Google 彈跳 logo

重點資訊

摘要
拉一拉舊 Google 結果頁上那個被拉長的 Goooooooooooooooooogle logo,看它彈回原位。
製作方
elgooG,
Aleksandr
推出時間
2020
狀態
可在 elgooG 體驗

打開彩蛋

製作背景

核心想法

早期 Google 結果頁在頁碼上方使用加長的 logo,以一連串 o 對應不同的結果頁。

本頁將這項介面細節改成可拖曳的互動 logo:拉動 Goooooooooooooooooogle 的任一字母,即可觀察整段文字伸展和回彈。

靈感與開發

這個點子來自 Aleksandr 在 CodePen 上的實驗,CodePen 是大家分享小型程式作品的網站。我們的版本保留了會彈的 logo,再給它一整頁的空間,用滑鼠或手指都可以拖動。

彩蛋體驗

看點

加長的 Goooooooooooooooooogle logo 橫跨頁面,各字母以模擬彈簧相連。拖動任一字母,鄰近字母也會隨之移動。

拖曳可以拉伸、彎曲或扭轉 logo;放開後,字母會持續擺動,逐漸回到原來的位置。

運作方式

字母像用彈簧串在一起,拉動其中一個,就會牽動旁邊的字母。放手後,彈力和重力讓整串字母來回擺動,再慢慢停下來。

如何體驗

  1. 按上方按鈕,打開這個字母玩具。
  2. 拖動長長的 Goooooooooooooooooogle 裡任何一個字母。
  3. 放手,看 logo 晃一晃、彈一彈,再慢慢回到原位。

這是受舊 Google 頁碼 logo 啟發的非官方互動作品。原介面的 o 用於對應結果頁碼,本頁則以彈簧效果連接字母,讓 logo 可被拖曳與拉伸。

結語

舊 Google 結果頁用一長串 o 表示頁碼,這裡則把那串字母變成彈簧。原本只用來翻頁的 logo,現在可以拉長、鬆開,看每個字母慢慢回到隊伍裡。

打開彩蛋

常見問題(FAQ)

什麼是 Goooooooooooooooooogle?

Goooooooooooooooooogle 是一個非官方的彈簧 logo 玩具,靈感來自以前搜尋結果最下面、頁碼上方那個被拉長、多了一整排 o 的 Google logo。

字母以彈簧效果相連。拖曳其中一個字母,整個 logo 便會伸展、搖晃,放手後逐漸回復原狀。

這是 Google 官方彩蛋嗎?

不是。這是本站以 Aleksandr 的 CodePen 實驗為基礎製作的非官方互動作品,靈感來自舊 Google 的頁碼 logo。

舊版 logo 原本用來切換搜尋結果頁;這裡可以拖動、回彈的字母,則是這個互動玩具的玩法。

拉一拉長長的 Goooooooooooooooooogle logo,看字母伸長、搖晃,再輕輕彈回來。

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