WebVR讓你的網站煥然一新

WebVR也就是網頁版VR其實是一個巨大的潛力市場，VR網站可以給你的網站排版煥然一新。

你可曾設想過虛擬現實(VR)中的網頁的模樣?

2D平面網頁也可以擁有沉浸感與交互性。試想如果維基百科變為一座多媒體圖書館，當你查閱埃及金字塔時，你就可以直接造訪這座奇觀。

探索它的內部、研究它的紋理構造、甚至通過解謎來打開法老的墓室。

在被環境音效包裹的同時，你甚至還能得到一位虛擬向導相伴左右，聽它為你口述歷史、答疑解惑。

聽起來一般般?

那我們把維基百科換成亞馬遜，讓VR帶你海淘無窮無盡的婚紗——你不但能夠試穿，還能通過3D視角查看自己的扮相;

甚至還能創造不同角色來做你的“試衣官”，從中篩選出自己心儀的衣物。

買車也可以——看車、試車、選車、調節座椅……啟動(你好特斯拉!)。

感覺像科幻故事?別忘記在二十年前網購就是科幻故事。

而在當時在VR頭顯上觀看奧運會就如同《Star Trek》《星際迷航》的全息甲板一般。

能夠實現上述一切的硬件——盡管還在襁褓期——已經問世。

高清攝像頭、全景攝像頭、高速圖形處理器和VR頭顯就是通往未來之路的開路兵。

盡管它昂貴、龐大、遲鈍，但我們有理由相信，隨著VR普及，配套硬件設備將變得更便宜、更小、更快。

微軟的HoloLens全息眼鏡已開始向開發者發貨。

不是開發者用戶?索尼的PlayStation VR已支持預售。

著急想體驗一把?Oculus Rift現貨599美元。太貴了?三星Gear VR僅售99美元。

如果你有一臺Galaxy手機，你甚至還能免費獲贈一臺Gear頭顯。

當然，如果你屬于極度價格敏感人群，15美元的Google Cardboard頭顯興許是你的選擇——你甚至還能自己造一臺。

實際上，此時此刻閱讀本文的你已經可以直接體驗一把虛擬網頁了。

打開Janus瀏覽器——那有非VR用戶能直接感受到的未來網頁。對了，Janus Reddit板塊里也是樂趣多多。

VR技術發展神速。為Oculus Rift與Google Cardboard頭顯提供服務的實驗性Javascript API WebVR目前已在火狐瀏覽器開發版Nightly、Chrome瀏覽器開發版Chromium、三星GearVR瀏覽器上啟用。

你甚至還能通過Jaume Sánchez Elias(豪梅·桑切斯·埃利亞斯)提供的Chrome插件來在自家機子上感受一把。

不通過VR頭顯確實也能夠體驗VR，但真正的VR目前僅存在于VR頭顯里面——有興趣的看官還是抓緊入手一臺為好。

準備好飛了么?打開MozVr網——整整11款VR網頁體驗任你挑選(Inspirit是我的個人最愛)。

不感興趣?試試Vizor.io——那里的VR體驗更多樣。

如果你恰好手頭有臺HTC Vive，那么恭喜你，通過火狐的A-Painter網，你已經邁上了成為VR中的畢加索的第一步。

上述網站多數基于A框架搭建，開源WebVR為HTML框架。

A框架即通過three.js庫來實現VR網頁開發功能、建立WebVR內容生態圈的全新網頁構架。

A框架在實體組件系統的基礎上整合了大量現有的網站開發框架與工具。

開發者可以為缺失的功能自己編寫一個組件，或是為功能不全的現有組件進行改造。

這項新技術聽起來酷，然而目前的VR模擬器離我們所說的虛擬亞馬遜還有很遠很遠。

實際上，我們甚至可能等不到真正的虛擬網頁。

不像游戲和娛樂內容這種VR行業早已鎖定的領域，一個功能齊全的VR網頁意味著完全不同的復雜生態環境。

許少許網站能夠通過提供交互VR體驗來在眾多網站中鶴立雞群，但是大多數網站仍停留在單薄的2D顯示上。

就連上面所說的構想也不現實。要知道，正常的電腦顯示屏離用戶大概有30到40厘米，輕微的一個眼球移動就能夠鎖定網頁上的UI了;

然而在VR中，環境就相當于顯示器——這塊VR屏幕理論上沒有邊界，往左看是一塊新屏幕，往下看又是塊新屏幕。

你當然可以人工搭建一塊虛擬桌面屏幕，但是這和VR就沒什么關系了。這叫做增強現實(AR)。

VR講究的畢竟是一種沉浸式的體驗。

所以，拋開“屏幕”這一固有成見，讓所有應用、瀏覽器或窗口直接漂浮在我們面前吧——這才是基于深度與廣度的真正VR體驗。

Mike Alger(麥克·阿爾格)的一項研究顯示，VR中的背屏相當于用戶直視前方時的視場角。

拿Oculus Rift舉例，它的實際視場角是94.2度(設備規格110度)，近于雙筒望遠鏡的120度;

同時Oculus還為入門用戶推薦了0.75米遠的舒適體驗。

通過頭部運動，Rift的視場角最多能從中間擴張30度、從兩側擴張55度、上側60度、下側40度。

當代的2D屏幕交互界面設計在VR中統統不適用。

為在VR中避免陳舊的窗口觀念，新型UI/UX設計必不可少。

目前開發者仍然被傳統窗口設計鉗制著：Gear VR提供的就是通過頭部運動、點擊和語音控制來操作的網頁，其運行模式與傳統鍵鼠操作別無二致。

這樣做是VR，但還不夠VR。這項新技術的革命性還需同樣革命的交互設計來體現。

作為開發者的你需要花時間研究WebVR嗎?答案是個大大的肯定。

在不久的將來，開發者與設計師們都會加入到網頁VR化的大軍中。

交互地圖、教學工具與視覺工具這些都是能夠讓你的VR網站脫穎而出的元素。

當然，傳統網頁仍然會與VR并存，畢竟文本閱讀這種傳統活動最好還是通過傳統方法來實現。