Google 發起實驗計劃,裏面的網站都酷到爆

愛範兒 於 10/05/2017 發表 收藏文章

還記得 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,而使其發光發熱的是開發者們。來自世界各地的上千個綺麗實驗一邊挖掘着網頁技術的用武之地,一邊尋找着現實生活的紛呈精彩。這不是為了剝離,而是為了貼近。

本文由讓手機更好用的 AppSo 原創出品,關注微信公眾號 AppSo,回覆「高清美貌」獲取 Google 親自操刀的壁紙應用,高清美貌無廣告(附壁紙下載)



資料來源:愛範兒(ifanr)

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→