構建 3D 網頁新世界

今年下半年， HTML5 和 WebGL 變成極熱門詞語，3D 網頁來勢洶洶。主流的瀏覽器 Google Chrome 以及 Mozilla Firefox 均致力于 HTML5+WebGL 的 3D 網頁技術方案的發展，各種實驗性項目層出不窮。這是一個轉折時期——互聯網最重要的門戶瀏覽器正在從主流支持 2D 平面網頁內容到原生的支持 3D 物體形象的展示。

何謂  WebGL ？

WebGL 是網頁開發語言 JAVA Script 形式的繪圖 API 接口，提供設備硬件圖形能力的直接調用。HTML5 則是網頁開發語言新標準，提供了網頁上的 Canvas “畫布”供網頁上的 3D 對象展現。

簡單的說，在此之前，3D 物體形象在網頁上不能直接展示，必須使用非標準的特殊網頁語言語法或者通過安裝額外的瀏覽器插件。HTML5 和 WebGL 提供了一種技術方案，使程序員可以直接在網頁上展示物體的 3D 形象，并且這種展現直接使用設備的圖形處理器的處理能力，其繪圖性能能夠得到保證。3D 網頁技術應用很廣，體驗 3D 網頁也非常簡單，我們只需要桌面電腦支持現代的圖形顯示設備，同時，必須安裝足夠高版本的新型瀏覽器，諸如 firefox 和 Chrome 即可。

3D 網頁游戲

先說說 3D 網頁游戲，在這場技術浪潮中，先知先覺的游戲廠商真正積極研發 WebGL 游戲引擎，為 3D 網頁游戲潮流的到來提前進行技術儲備。

Mozilla 社區的 Paladin 項目組正在開發名為“Gladius”WebGL 3D 游戲引擎，CopperLicht 則是一個快速 JAVAScript 的 WebGL 游戲引擎，在其網站上提供了一批 WebGL 游戲場景范例，其中不少的 3D 場景甚至可以媲美傳統的 PC 桌面游戲。它們的效果可以在 ResureFox 和 ambiera 網站看到。

3D 地圖

而 3D 地圖是另外一個關鍵應用。和目前的枯燥平面地圖相比，3D 地圖可以以旋轉的視角查看街景、建筑物的立體形狀，用戶有身臨其境的感覺，體驗非華麗、無以形容。在 MapsGL 項目中，3D 地圖的先行者 Google 正利用 WebGL 技術提供 3D 街景地圖。按照 Google 的說法，他們在“重新打造了 Google 地圖……提供更強大的性能、更豐富的 3D 圖形、更流暢的圖像過渡效果和 45° 視圖旋轉效果，以及能更方便地訪問街景視圖。”

要查看其效果，你可以直接訪問 Google Maps 網頁，并選擇打開 MapsGL 功能。當地圖的比例放大到一個街道路口大小的時候，平面的地圖就會展示成 3D 的街景。下面是使用 MapsGL 功能訪問美國曼哈頓周圍的地圖看到景觀截圖，轉動圖上的羅盤或者移動鼠標，查看的視角隨之轉動，其效果仿佛本人在曼哈頓的街道上閑逛。

可以想象，當每個城市都完成了 3D 的建模，并通過網頁提供服務，3D 地圖之上能夠疊加各種有趣的服務，例如：3D 尋路導航，虛擬旅游，美食查找、網絡社交、網絡游戲等等。這些應用有目前的 2D 的版本，安裝插件可以實現不怎么流暢的 3D 效果，但在未來的 3D 網頁中，逼真的 3D 城市街景呈現了流暢的視角轉換后，它將帶來迥異的用戶體驗。

3D 社交網絡

3D 技術能演變出有趣應用，其中，最有趣的當屬基于 3D 地圖的網絡社交。目前現在的社交 SNS 網站是都是基于文字、圖片、視頻的內容，所使用的地圖是平面的地圖。試想一下，未來的網絡社交的背景是逼真的 3D 街景，您在“街上”行走的時候，可以真實的推開其中的一扇店門，“真實”的去某個咖啡店買一杯咖啡，還能看到朋友的 3D 形象，坐在靠窗的桌子上看書，您可以走過去和“他/她”說話。

這并非癡人說夢，Google 正在做這方面的嘗試：在 YoubeQ 項目中構建 Google Earth 里的 3D 社交網絡。用戶化身為一個 3D 小人，在 Google Earth 展示的街景中閑逛，碰到朋友能聊聊天。這個項目在 Google Earth 能夠支持網頁模式之后，訪問勢必更加簡單直接。

移動設備中的 3D

和我們日常相關的，還有平板電腦上的 3D 網頁應用。相比其他設備，平板電腦更適合運行 3D 網頁應用。在平板電腦中，三維的立體形象與手指的操作能夠很好的結合在一起。比如，Google 的 3D 圓筒書架 是在 PC 電腦實現的 3D 網頁應用，書架實現為巨大的柱狀多層轉筒， 鼠標拖曳可以模擬手轉動書架找書。想象一下，如果該應用用在平版電腦上，用手指轉動書架，然后使用一個手指向上的手勢來取書，是不是更爽一些？

3D 我們的世界

可以想象，3D 網頁技術普及之后，我們的世界將被充分的 3D 模型化，大到地球、宇宙天體、小到汽車、房子、電子產品、微生物、細菌，都可以有詳盡的細節的 3D 形象，我們可以以此趣味的展示和探索周圍精彩的世界。去年年底，Google 推出的人體瀏覽器 3D 網頁應用，把人體進行 3D 建模，能夠以各種視角 360 度查看人體每個器官，包括骨骼、肌肉、內臟器官、神經系統等。（此應用為 Google 實驗室的成果，目前該應用的 Google 網頁已經關閉，相關的人體 3D 醫學影像由 Zygote 網站繼續提供運營。有興趣的朋友可以看看人體瀏覽器的運行視頻）

瓶頸

然而，先進技術的發展需要一個漫長的過程。其中，復雜物體的 3D 建模是 3D 網頁主要的應用瓶頸之一，舉例來說，程序員需要展示一個 3D 的輪船，把這個輪船表示為計算機能理解的多邊形平面的組合是一個復雜的事情，對網頁開發程序員來說，最好有現成的輪船的 3D 模型可以使用，不需要關注建模的細節。3D 網頁的世界也許需要一個價格低廉的巨大 3D 模型庫，囊括周圍世界的各種物體。對此，Google 的做法是發動全球的愛好者創建和共享 3D 模型，這種做法是否會造成資源壟斷，和未來的中小 3D 應用開發者能否得益，那是今后值得思考的問題。

來自: ifanr 愛范兒