Google 重力
👇 向下滑動開始體驗!
重點資訊
經典網頁實驗,把 Google 首頁摔成可拖可拋的物理堆,連搜尋都還能繼續。
Mr.doob,
elgooG
2009-03-18
增強版
(由 elgooG 強化)
打開彩蛋
Google 官方版本
彩蛋起源
Mr.doob 最初做出 Google 重力(Google Gravity),是為了展示瀏覽器裡的物理效果也能把熟悉頁面變成好玩的玩具。它先被收進 Chrome Experiments,之後 Google 也在 2012 年的 Chrome 部落格點名它,當成充滿玩心的網頁創意代表。
原版效果
頁面一打開,所有元素都向重力投降。Logo、搜尋框、按鈕和連結一起掉到底部,之後就能用滑鼠或手指把它們抓起來、拖曳、拋出去,看它們以頗有說服力的物理感互撞回彈。原作甚至還能透過後來退場的 Google Web Search API 直接搜尋。
傳播與影響
這個小實驗之所以成為網路經典,靠的是一眼就懂的反差:原本端正的首頁,突然變成一堆可以亂玩的物理碎片。它也讓很多人第一次直覺感受到,JavaScript 原來能把靜態介面做得這麼有手感。
這裡強化了什麼
Google 在 2014 年停用 Web Search API 後,原版搜尋也跟著壞掉。我們透過 API 模擬把搜尋流程補回來,再加上手機觸控調整與深色主題,讓這個老實驗回到今天的網頁環境裡依然順手。
增強版體驗
這裡有何不同
這個版本保留了大家記得的崩落畫面與物理亂堆,同時把失效的部分補齊。搜尋透過 API 模擬重新可用,觸控拖曳更穩定,也能隨時切到深色主題。
彩蛋體驗
按下按鈕後,整個介面會一下子摔到底部。等碎片稍微安定,就能把它們抓起來拖曳、拋擲,或直接輸入查詢,讓新的搜尋結果也掉進同一堆混亂裡。手機、平板、桌機都能順順地玩。
如何體驗
- 按上方按鈕開始。
- 先看整張頁面崩落到底部。
- 拖曳或拋擲散落部件,玩玩它們的物理感。
- 照常搜尋,讓新結果也掉進碎片堆裡。
- 想換時就切換淺色或深色主題。
我們保留了 Mr.doob 那種把頁面變成玩具的物理手感,再把被時間弄壞的搜尋部分補好。API 模擬讓搜尋重新活過來,觸控調校則讓手機上拖曳與拋擲不再只是桌機版縮影。
最後感想
Google 重力(Google Gravity)到現在還是很迷人:首頁崩落夠痛快,搜尋又真的能用,現代裝置上的手感也更完整。先享受這場下墜混亂,再去試試更多會把介面玩壞的彩蛋吧。
常見問題(FAQ)
Google 重力是什麼?
Google 重力(Google Gravity)是 Mr.doob 在 2009 年做出的瀏覽器實驗,讓 Google 首頁開始遵守物理規則。Google 在 2014 年停用 Web Search API 後,原版失去了即時搜尋,所以我們用 API 模擬把這一段補了回來。
打開頁面後,所有元素都會往下掉。接著就能把碎片抓起來、丟出去,看它們彼此碰撞與回彈。
要怎樣玩 Google 重力?
開啟頁面,等首頁崩落後,就能用滑鼠、觸控板或手指抓起任何元素來拖曳和拋擲。也可以直接再搜一次,讓新的結果一起掉進碎片堆裡。
為什麼這裡要復原 Google 重力?
原作靠的是 Google 舊版 Web Search API,服務停掉後,整個體驗就少了很重要的一塊。這裡把搜尋補回來,再順手加上觸控與深色主題調整,讓它重新變成完整、好玩的頁面實驗。