原標題:Google 發起實驗計劃,里面的網站都酷到爆
還記得 AppSo 不久前推薦的「拯救手殘星人」Google 黑科技 AutoDraw嗎?
它其實是 Google Creative Lab 提交的一個 Chrome Experiments 項目。今天,AppSo(微信公眾號 AppSo)想和你聊一聊 Chrome Experiments 這個有趣的計劃。
Google 從 2009 年開始通過該計劃鼓勵用戶提交網頁實驗項目,原本是為了測試 JavaScript 的潛力與 Chrome 瀏覽器的性能。
隨著想象力與創造力的爆發,這里誕生了各種新奇有趣的實驗,甚至是科研教學的網頁工具。Chrome Experiments 也成為了一個開源網頁技術的大展廳,已有超過 1200 個實驗。
主網站為 https://www.chromeexperiments.com/。以下是幾個 AppSo 認為值得分享的項目。其中有一些采用了 WebGL 技術,建議在開始前在這個網站確認一下瀏覽器與顯卡是否支持 WebGL。
1. Land Lines
https://lines.chromeexperiments.com/
還記得 AutoDraw 是怎么工作的嗎?簡單畫出你想要的圖案,它就能通過自動匹配好看的圖案。
Land Lines 再次體現了強大的算法與機器學習能力。只要你隨便劃出一縷線,它會自動匹配衛星地圖中相近的自然地貌、建筑、街道形態。
在 Drag 模式下,你還可以畫出無盡、任意、隨機的連續線條,Land Lines 能夠極快地響應,即時匹配結果。
2. GeoGuessr
https://geoguessr.com/
這是一個真實的「情景判斷游戲」。開局就是隨便把玩家落在 Google 街景中的某一處,你可以在街景地圖中一路游走,然后根據周遭信息,判斷出身處何處。
幸運的話,會到祥和的日本城鎮或熱鬧的巴西海灘,這些地方帶有明顯的地域色彩。有時候會是國家公園的公路,或風情萬千的歐洲城市。大多數情況則是郊區或鄉村公路,各地景觀大不相同。
最難的是沒花上幾個小時都走不到盡頭的荒漠與冰川,我以為是撒哈拉與格陵蘭,其實是澳洲西部與西伯利亞。
GeoGuessr 意在讓網友們享受對遠方風景的新鮮感,還有對未知的探索欲。網友甚至在該網站上推出單個國家之旅、城堡教堂之旅甚至歐洲足球場之旅等,方便大家隨時來一次跨國深度游。
由于地圖類項目使用了 Google 地圖與街景 API,訪問需要科學上網。
3. The WebGL Globe
https://www.chromeexperiments.com/globe
The WebGL Globe 是一個使數據地理可視化的平臺。利用這個項目提供的開源代碼,我們可以制作屬于自己的數據地球。
在項目網站上有不少網友提交的實驗,根據人口變化、火山活動、各地維基百科篇目等方方面面的數據產生不同的可視化地球。
4. BioDigital Human
https://www.biodigital.com/
BioDigital Human 是一個高度完成的人體解剖項目,值得醫學生和從業者人手一份。
進入個人使用者界面后,我們首先看到 3D 的人體結構。你可以在左側菜單中顯示或隱藏各系統。
各個系統和器官像是單個圖層,既能單獨地詳細展開,也能顯示多層系統,從而了解各器官、骨骼、神經的位置關系。此外還提供了運動模式下的肌肉形態。
(視頻 https://www.youtube.com/watch?v=2vJ13EXG6rc)
5. Ghost Map
https://ojack.github.io/ghost-map/
前面提到 Chrome Experiments 的首要目的在于開發網頁技術的潛力以及測試瀏覽器性能。不少實驗項目看似不甚實用,而卻精湛美觀,它們往往是為了追求極致絢麗的動畫效果。
Ghost Map 是我十分喜歡的一個,它收錄了各個城市的街道路線,將其隱藏在黑暗中。通過移動鼠標,光亮像細流入川一般流淌到附近街道上,燈火明亮,車水馬龍,勾勒出這座城市的建筑與街道規劃。當鼠標指針停止移動,萬物歇息,一切又沉入黑暗。
6. The Wilderness Downtown
http://www.thewildernessdowntown.com/
Google 員工在 Chrome Experiments 計劃的早期出品了一款當時好評如潮的網頁項目 The Wilderness Downtown。在首頁上輸入一個的郵編或門牌號,多個視頻從瀏覽器窗口中打開,組成一組 MV。
一個少年往前奔跑,群鳥掠過天空,俯瞰著少年在這條街道上奔跑;他佇立、轉彎,街景跟著旋轉切換。身后樹木拔地而起,街景實物也被被森林覆蓋,重返自然。
觀眾忍不住代入這個奔跑的少年,遨游熟悉的街景,往家的方向逐漸接近。當 MV 在住宅門口落幕,我就像是看見云開月明的結局一般激動。
(視頻 https://www.youtube.com/watch?v=mrnn_ccnVPI)
發起 Chrome Experiments 計劃的是 Google,而使其發光發熱的是開發者們。來自世界各地的上千個綺麗實驗一邊挖掘著網頁技術的用武之地,一邊尋找著現實生活的紛呈精彩。這不是為了剝離,而是為了貼近。