WebVR讓你的網(wǎng)站煥然一新

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

你可曾設(shè)想過虛擬現(xiàn)實(VR)中的網(wǎng)頁的模樣?

2D平面網(wǎng)頁也可以擁有沉浸感與交互性。試想如果維基百科變?yōu)橐蛔�多媒體圖書館，當(dāng)你查閱埃及金字塔時，你就可以直接造訪這座奇觀。

探索它的內(nèi)部、研究它的紋理構(gòu)造、甚至通過解謎來打開法老的墓室。

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

聽起來一般般?

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

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

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

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

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

能夠?qū)崿F(xiàn)上述一切的硬件——盡管還在襁褓期——已經(jīng)問世。

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

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

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

不是開發(fā)者用戶?索尼的PlayStation VR已支持預(yù)售。

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

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

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

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

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

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

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

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

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

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

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

上述網(wǎng)站多數(shù)基于A框架搭建，開源WebVR為HTML框架。

A框架即通過three.js庫來實現(xiàn)VR網(wǎng)頁開發(fā)功能、建立WebVR內(nèi)容生態(tài)圈的全新網(wǎng)頁構(gòu)架。

A框架在實體組件系統(tǒng)的基礎(chǔ)上整合了大量現(xiàn)有的網(wǎng)站開發(fā)框架與工具。

開發(fā)者可以為缺失的功能自己編寫一個組件，或是為功能不全的現(xiàn)有組件進(jìn)行改造。

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

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

不像游戲和娛樂內(nèi)容這種VR行業(yè)早已鎖定的領(lǐng)域，一個功能齊全的VR網(wǎng)頁意味著完全不同的復(fù)雜生態(tài)環(huán)境。

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

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

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

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

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

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

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

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

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

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

當(dāng)代的2D屏幕交互界面設(shè)計在VR中統(tǒng)統(tǒng)不適用。

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

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

這樣做是VR，但還不夠VR。這項新技術(shù)的革命性還需同樣革命的交互設(shè)計來體現(xiàn)。

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

在不久的將來，開發(fā)者與設(shè)計師們都會加入到網(wǎng)頁VR化的大軍中。

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

當(dāng)然，傳統(tǒng)網(wǎng)頁仍然會與VR并存，畢竟文本閱讀這種傳統(tǒng)活動最好還是通過傳統(tǒng)方法來實現(xiàn)。